javascript - 样式对象和 HTML 属性

Question

谁能解释一下 style 对象是什么？它是 HTML DOM 属性还是 JavaScript 对象？它与以下内容有何关系:

• HTML
• CSS
• DOM
• JavaScript

然后您能否对内联 HTML style 属性执行相同的操作，同时告诉我该属性与事件属性(如 onclick)相比如何。预先感谢您的帮助。

Answer 1

在这个例子中，

<span id="myspan" style="color:red">some red text</span>

style 是一个 HTML 属性。它的值包含 CSS。您可以通过首先检索 HtmlElement 对象通过 JavaScript 访问它，

var myspan = document.getElementById('myspan');

然后访问它的style property,

myspan.style

这是一个 JavaScript 对象，它有自己的一组属性，例如 color。

“DOM”本质上是 HTML 被浏览器处理成树状结构后的名称。它可以呈现到您的屏幕上，或通过 JavaScript 进行操作。 “HTML”本质上只是文本，直到您的浏览器对其进行处理。