在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下
1.== obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在
- IE中使用的是obj.currentStyle方法,而FF是用的是getComputedStyle 方法
提供了getComputedStyle()方法。这个方法接受两个参数:要取得计算样式的元素和一个伪元素字符串(例如“:after”)。
下面这个函数,能够获取一个元素的任意 CSS 属性值。
function getStyle(element, attr) {
if(element.currentStyle) {
return element.currentStyle[attr];
} else {
return getComputedStyle(element, false)[attr];
}
}
比如,本例中如果想获得 lists 的 left 属性值,只需要
getStyle(lists,"left")