Question

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

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

除了我以外，似乎对所有人都有效。有人可以解释一下为什么以下内容不起作用：

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

小提琴在这里：http://jsfiddle.net/KbkFH/3/

Answer 1

你几乎拥有它。您刚刚错过了style

$( 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" );
    }
);

更新了小提琴：http://jsfiddle.net/KbkFH/6/

注意：如果规则包含类名redesign，则会将类名替换为yellowesign，这可能不是您想要的。使用替换时请小心，不要解析样式或定位特定样式。

Answer 2

实际上，您的代码正在按预期工作。

CSSRule.cssText: cssText返回的实际文本风格规则

选中此Using dynamic styling information

Answer 3

Javascript DOM风格

  var div = document.querySelectorAll("div");
 
  div[0].style.cssText = "border: 5px solid yellow; padding: 10px"; 
  div[1].setAttribute("style", "border: 5px solid red; margin: 20px");

<div>cssText yellow</div>
<div>setAttribute red</div>

是否可以设置cssRule的cssText属性

3 个答案: