javascript - 为什么不能直接设置 "style"

Question

假设我有一个 <div> .我设置它的 style至 color:red .

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

为什么我不能设置style通过 javascript 像这样:

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

但只能设置样式的属性:

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

Answer 1

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

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

这将是结果:

因此，此命令返回对象。通过这个:

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

你重新定义对象。这是不正确的。

就是这样，您不能用它做任何事情。

如果你想有一个工具来更好地管理 css 属性，你可以使用 jQuery : prop() function