document.setAttribute

Question

这可以用来改变CSS吗？我在w3上看不到太多关于它的信息。任何人都知道这件事。

如果这个论坛/站点不是问浏览器标准问题的地方，有人能给我指个方向吗？

谢谢

--马克

Answer 1

可以，您可以使用setAttribute更改单个DOM元素的CSS，如下所示：

document.getElementById("something").setAttribute("style", "color: red;");

然而，我认为这是一种糟糕的做法。您可以按照Marius指出的那样修改样式表，具体操作如下：

document.styleSheets[0].cssRules[0].backgroundColor = "#FF0000";

或者手动编辑HTML元素的样式属性，如：

document.body.style.backgroundColor = "#FF0000";

我建议您研究一下jQuery，因为它有强大且易于使用的工具来修改DOM元素的CSS。它就像这样简单：

$("#someID").css({"color": "red", "width": "100px"});

Answer 2

不知道你在说什么。如果你想设置一个CSS值，例如背景颜色，那么你必须在一些元素上设置，例如正文：

document.body.style.backgroundColor = "#FF0000";

如果您想更改CSS样式表，那么可以使用styleSheets对象：

document.styleSheets[0].cssRules[0].backgroundColor = "#FF0000";

setAttribute用于设置某些html元素的属性，例如锚元素中的href：

<a id="link" href="http://www.goolge.com">google</a>



document.getElementById("link").setAttribute("href", "http://www.stackoverflow.com");