JS中style,currentStyle和getCompute
2018-08-17 本文已影响0人
隔壁老王z
var list = document.getElementById('list')
- 直接由 list.style.attr (attr代表属性值)获取,这种方式各浏览器都能兼容,但是只能获取行内样式,获取不了外部样式,如果写了行内没有的样式,返回的是空值。
写法:ele.style.attr(这样为获取),ele.style.attr="值" (这样为设置); - currentStyle属性(IE浏览器)和getComputedStyle 属性(谷歌火狐)不能设置属性,只能获取
语法:- IE上兼容:
var newLeft = list.currentStyle["left"]
- 火狐谷歌兼容:
var newLeft = window.getComputedStyle(list, null)["left"]
- IE上兼容:
- 一个兼容的函数:
function getStyle(ele, attr) {
if (window.getComputedStyle) {
return window.getComputedStyle(ele, null)[attr];
}
return ele.currentStyle[attr];
}