6.4 改变元素样式
现在,你应该知道如何编辑与页面相连接的样式表,以及如何创建和修改其中的CSS规则了。如果你想要改变DOM 中的某个特定元素的话,又该怎么办? 通过DOM API 可以访问页面上的特定元素。
通过DOM 可以访问描述某元素的样式的style 对象。style 对象被定义为CSSStyleDeclaration style 对象与HTML 元素中定义的其它属性的工作方式并不是完全一样的。与elementhref 或clementid 不同,clementstyle 返回的是一个对象而不是字符串。因此我们不能通过将一个字符串赋给clement.style 的方式来设置样式。
style 对象的属性对应我们所设置的各种CSS 属性。比如说,style.color 返回的是某个元素上所设置的颜色。通过调用element.style.color="red; 你就可以动态地改变样式。下面是一个函数,如果我们将某个元素的id 传递给它的话,该函数就可以将该元素的颜色改成红色。