带有元素的Css Content属性

Question

我正在开展一个小项目。

我希望使用css内容属性和：after伪在其他元素中添加锚标记<a>。

e.g。

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

我需要它做的是让它有一个工作的锚标记，指向给定的href。 我知道您可以使用类似content: attr(title);之类的内容，因此它会将.classname title属性用作文本，我不知道这是否可行，但如果它可能会很酷是

Answer 1

您不能使用CSS :before和:after伪元素来插入HTML元素。要添加HTML元素，您需要使用JavaScript。

Answer 2

你不能害怕。你必须使用javascript：（

一个简单的例子，将一个链接放入一个id为myP的p ...和一个url的变量（可以从任何值中获取）......

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

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