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 生日广州男生祝福语简短