是否存在适用于元素的“内容”规则的等效项？

Question

我想将content规则应用于不是伪元素的元素：

的CSS：

#element {
    content: 'foobs'
}

html：

<div id = '#element'></div>

然后我希望通过javascript检索计算出的样式：

的javascript：

console.log(window.getComputedStyle(document.body, '#element').content ) //=> 'foobs';

这在使用伪元素而不是#element时非常有效，但出于兼容性原因我想使用真实元素（IE7 +）。

简而言之，是对真实元素起作用的内容规则的替代方法。

Answer 1

没有一个; content属性仅适用于:before和:after伪元素。特别是如果您希望以编程方式在元素上设置内容“出于兼容性原因”并且:before / :after不可用，那么您将找不到使用CSS的解决方案。在这种情况下，使用JavaScript或服务器端解决方案比使用CSS 很多其他东西，而不仅仅是生成的内容更好。