阅读量:2
HTML DOM Element的style属性用于获取或设置元素的样式。通过style属性,可以直接访问元素的内联样式,并对其进行修改。可以通过style属性来修改元素的背景颜色、字体大小、边框样式等等。样式属性的修改可以通过直接赋值,也可以使用style对象的属性来设置。
示例:
// 获取元素的样式 var element = document.getElementById("myElement"); var style = element.style; console.log(style.backgroundColor); // 获取背景颜色 // 修改元素的样式 element.style.backgroundColor = "red"; // 修改背景颜色 element.style.fontSize = "20px"; // 修改字体大小 element.style.border = "1px solid black"; // 修改边框样式
通过style属性可以直接对元素的样式进行修改,而不需要再通过CSS类或者其他方式来操作。它提供了一种方便快捷的方式来动态修改元素的样式。