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'。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语