<分区>
如何从 javascript 更改#abc 样式的 :before 内容？
<script>
document.getElementById('abc').style.content='-';
</script>
<style>
#abc:before{content:"+";}
</style>
<分区>
如何从 javascript 更改#abc 样式的 :before 内容？
<script>
document.getElementById('abc').style.content='-';
</script>
<style>
#abc:before{content:"+";}
</style>
最佳答案
不，您不能从 javascript 访问 :before 或 :after，因为它们不是 DOM 的一部分。然而，您仍然可以通过使用 CSS 类来实现您的目标:
<script>
document.getElementById('abc').className = "minus";
</script>
<style>
#abc:before {content: "+";}
#abc.minus:before {content: "-"}
</style>
事实上，这种方法更不引人注目，因为您没有将表示与 javascript 混合使用。明天您可能想更改文本“+/-”以显示漂亮的背景图片，在这种情况下您根本不必接触 javascript 代码。
关于javascript - 更改 :before selector from javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22659170/