带有元素的 Css 内容属性答案

【问题标题】：Css Content attribute with elements带有元素的 Css 内容属性
【发布时间】：2011-11-15 10:29:57
【问题描述】：

我正在做一个小项目。

我希望使用 css 内容属性和 :after 伪属性在另一个元素内添加一个锚标记 <a>。

例如

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

我需要它做的是让它有一个有效的锚标记，指向一个给定的href。我知道你可以使用类似content: attr(title); 这样的东西，所以它会使用.classname title 属性作为文本，我不知道这是否可能，但如果可以的话，那就太酷了。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

你不能害怕。你必须使用 javascript :(

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

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

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

【讨论】：