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'。
热门推荐
1 训练狗狗基础
2 怎么训练狗狗笑
3 怎么训练狗狗卧下
4 上海狗狗训练基地
5 训练狗狗排便
6 狗狗基础训练
8 如何训练狗狗装死
9 狗狗站姿训练
10 狗狗训练用品
11 训练狗狗吧
12 狗狗要怎么训练
13 怎么训练狗狗玩球
14 训练狗狗唤回
15 狗狗训练躺下
16 狗狗训练指令
17 狗狗的训练技巧
18 狗狗不好训练