编辑2015-10-07 1624 CST
这个问题被标记为可能重复 - 我发布的原因是,其他问题的答案都没有提供我想要的所有信息,我想要一个简单而直接的方法来完成它.我可以控制样式表和规则的顺序,以便我引用正确的规则.我还希望得到关于这种方法在将来破坏方面的可行性的反馈.
请查看我在下面发布的评论,原因是我没有接受可能重复问题的答案的其他原因.
**原始问题如下**
我搜索了这样的问题,发现一些问题解决了问题的一部分,但没有检索和更改伪元素的CSS值,如::before和::after.
在来到这里之前我已经用谷歌搜索了网页,基本上我发现的是没有理想的方法来做到这一点.
我找到了一种适用于FF 40,IE 9和Chrome 45.0.2454.101 m的方法,但我想知道我是否忽视了某些可能导致我的方法在某些情况下破坏的东西.
我在网上看到的关于访问或更改伪元素的CSS值的答案,说你不能直接访问这些项,因为它们不是"DOM的一部分"和"DOM之外" "
他们说改变它们的唯一方法是创建一个新规则并将其附加到现有规则以覆盖编码值.
这是一个演示方法的片段:
function changeColor () { // Flip psedo element's background color
var newColor,
currentColor;
// Get the current color
currentColor= document.styleSheets[0].cssRules[0].style.backgroundColor;
// flip the color
newColor = (currentColor== "red") ? "aqua" : "red";
// Change the color
document.styleSheets[0].cssRules[0].style.backgroundColor = newColor;
// put color in top message
document.getElementById("colorIs").innerHTML = newColor;
// display colors
document.getElementById("displayColors").innerHTML =
"Pevious color was " …我该怎么做才能利用浏览器中的阅读模式来呈现网页的简化、清晰版本？
我已经使用 Google 寻找有关如何对页面进行编码或以其他方式设置读取模式的信息，但我什么也没找到？是否有文档或网页解释阅读模式以及如何设置可以利用它的页面？
西蒙·T