- 通过JS修改元素的样式:
语法:元素.style.样式名 = 样式值
注意:如果CSS的样式中含又 - ,比如:background-color
加粗样式则需要将这种样式名修改为驼峰命名法。
即background-color 要写成backgroundColor
通过style属性修改的样式是内联样式,而内联样式优先级仅次于 !important。所以往往通过此方法修改的样式会立即生效
- 用JS获取当前元素正在显示的样式
语法:元素.currentStyle.样式名
它可以用来读取当前元素正在显示的样式,如果没有设置样式的话,
则会获取默认值。但是currentStyle只有IE浏览器支持。
其它浏览器想要获取样式可以使用getComputedStyle()
这个方法是window的方法,可以直接调用。
**此方法需要两个参数**
1.要获取样式的元素
2.可以传一个伪元素,一般传null
getComputedStyle会返回一个对象,通过对象来读取样式值
比如:
var object = getComputedStyle(元素,null);
console.log(object.width);
currentStyle跟getComputedStyle只能读取样式,修改样式则需要通过Style。