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 送给学长毕业祝福语简短