Javascript 为什么可以'；t我设置了；“风格”；直接地

假设我有一个

。我将其

样式设置为
颜色：红色

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

但只能设置样式的属性：

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

src:

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

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

这将导致：


所以，这个命令返回了一个对象。据此：

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

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

就这样，你不能用它做任何事

如果您想有一个更好地管理css属性的工具，可以使用：
这是dom模型。你使用什么js调试工具？在浏览器控制台中运行此操作：

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

这将导致：


所以，这个命令返回了一个对象。据此：

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

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

就这样，你不能用它做任何事

如果您想有一个更好地管理css属性的工具，可以使用：
My bad^\u^。使用cssText属性。My bad^^。使用cssText属性。因为您引用的
.style
实际上是一个包含大量不同属性的结构
.color
就是其中之一。但是，可以以这种方式使用的是
document.getElementsByTagName（'div'）[0].setAttribute（'style'，'color:blue'）-这将为您提供与第一个代码块相似的标记。（然后由浏览器解析，将元素的
.style.color
属性设置为“blue”），因为您引用的
.style
实际上是一个包含大量不同属性的结构
.color
就是其中之一。但是，可以以这种方式使用的是
document.getElementsByTagName（'div'）[0].setAttribute（'style'，'color:blue'）-这将为您提供与第一个代码块相似的标记。（然后由浏览器解析，将元素的
.style.color
属性设置为“blue”）