DOM 阅读和更改内联样式
示例
内联样式
您可以通过简单地读取或编辑其style属性来操纵HTML元素的内联CSS样式。
假定以下元素：
<div id="element_id" style="color:blue;width:200px;">abc</div>
应用此JavaScript：
var element = document.getElementById('element_id');
//阅读颜色
console.log(element.style.color); //蓝色
//将颜色设置为红色
element.style.color = 'red';
//要删除属性，请将其设置为null
element.style.width = null;
element.style.height = null;但是，如果width:200px;在外部CSS样式表中进行设置，element.style.width=null则将无效。在这种情况下，要重置样式，您必须将其设置为initial：element.style.width='initial'。