Javascript 是否可以设置cssRule的cssText属性

我正在尝试编辑cssRule的cssText属性。我经常看到这样做：

通常使用以下命令完成：cssText.replace（…）

这似乎对每个人都有效，除了我。有人能解释一下为什么以下方法不起作用：

    var cssText = document.styleSheets[1].cssRules[0].cssText;
    document.styleSheets[1].cssRules[0].cssText = cssText.replace( "red", "yellow" );

---

小提琴在这里：

你差点就拿到了。您只是缺少了

样式

$( document ).ready(
function() {
    //.style was missing
    var cssText = document.styleSheets[1].cssRules[0].style.cssText;
    document.styleSheets[1].cssRules[0].style.cssText = cssText.replace( "red", "yellow" );
    }
);

更新小提琴：

---

注意：如果规则包含

redesign

的类名，则它会将类名替换为

yelloweesign

，这可能不是您想要的。在使用replace时要小心，不要解析样式或针对特定样式。

实际上，您的代码是按aspected工作的

cssText返回文件的实际文本 样式规则

选中此

Javascript DOM样式

var div=document.queryselectoral（“div”）；
div[0].style.cssText=“边框：5px纯黄色；填充：10px”；
div[1].setAttribute（“样式”，“边框：5px纯红色；边距：20px”）
cssText黄色
设置属性红色