语法

元素.style.样式名 = 样式值

如果CSS的样式中含有 - 的情况

解决方法:去掉- 然后将后面的首字母大写

通过JS修改元素样式_解决方法

注意通过上述的方式,只能获取内联样式的

也就是说只能获取下面这种的,单独写在style标签中,则不可以。

<div id="box1" style="width: 200px;"></div>

获取元素当前显示的样式(注意浏览器兼容问题)

在IE浏览器中:

box1.currentStyle.width

在其他浏览器中:

window.getComputedStyle(box1).width

加window与不加window的区别

加window表示是属性,不加则表示是变量,变量找不到报错,属性找不到返回false
通过JS修改元素样式_首字母_02