我想将 content 规则应用于不是伪元素的元素:
CSS:
#element {
content: 'foobs'
}
HTML:
<div id = '#element'></div>
然后我希望通过 javascript 检索计算样式:
JavaScript:
console.log(window.getComputedStyle(document.body, '#element').content ) //=> 'foobs';
这在使用伪元素而不是 #element 时非常有效，但出于兼容性原因我想使用真实元素 (IE7 +)。
简而言之，一种适用于真实元素的内容规则的替代方法。
最佳答案
没有一个； content 属性仅适用于 ::before 和 ::after 伪元素。特别是如果您希望“出于兼容性原因”以编程方式在元素上设置内容并且 ::before/::after 不可用，您将找不到这样的CSS 解决方案。在这种情况下，使用 JavaScript 或服务器端解决方案比将 CSS 用于很多其他事情要好得多，而不仅仅是生成的内容。
关于javascript - 是否有适用于元素的 'content' 规则的等效项？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22376106/