CSS가있는 콘텐츠 속성

Question

작은 프로젝트를 진행 중입니다.

CSS 콘텐츠 속성과 : after 의사를 사용하여 다른 요소 안에 앵커 태그 <a>을 추가하고 싶습니다.

내가 할 필요 무엇

.classname:after { content: '<a>hello</a>'; } 
// this will print "<a>hello</a>" 

은 주어진 href를 가리키는, 그것은 작동 앵커 태그를 만들 수 있습니다. content: attr(title);과 같은 것을 사용할 수 있으므로 .classnametitle 속성을 텍스트로 사용합니다.이 경우에도 가능할지 모르겠지만 그럴만한지는 알 수 없습니다.

Answer 1

HTML 요소를 삽입 할 때 CSS 요소 인 :before 및 :after 의사 요소를 사용할 수 없습니다. HTML 요소를 추가하려면 자바 스크립트를 사용해야합니다.

Answer 2

당신은 겁 먹을 수 없습니다. 당신은 자바 스크립트를 사용해야합니다 : (

myP tho ...라는 id와 변수에 ap에 링크를 넣는 간단한 예입니다 (어떤 값에서나 얻을 수 있습니다).

var myUrl = "http://www.glcreations.co.uk"; 

document.getElementById("myP").innerHTML = "<a href='" + myUrl + "'>A link for you to click on</a>";