为什么我不能直接设置“风格”

Question

假设我有<div>。我将style设置为color:red。

<div style="color:red">text</div>

为什么我不能通过javascript设置style：

document.getElementsByTagName("div")[0].style="color:blue";

但只能设置样式的属性：

document.getElementsByTagName("div")[0].style.color="blue";

Answer 1

document.getElementsByTagName("div")[0].style.cssText = "color: blue;"

src：http://www.w3schools.com/jsref/prop_style_csstext.asp

Answer 2

这是dom模型。你使用什么js调试工具？在浏览器控制台中运行：

document.getElementsByTagName("div")[0].style

这将是结果：

所以，这个命令返回了对象。通过这个：

document.getElementsByTagName("div")[0].style="color:blue";

您重新定义对象。这根本不正确。

那是它，你无法用它做任何事情。

如果您想要一个更好地管理css属性的工具，可以使用jQuery：prop() function