js获取css属性值的方法:1、通过元素对象的style属性获取,语法“元素对象.style.属性名”;2、通过getComputerStyle属性,语法“getComputerStyle.属性名”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
obj.style:
这个方法只能获取写在style属性中的值,而无法获取定义在 里面的属性
JS获取CSS属性值
obj.currentStyle与getComputerStyle
obj.currentStyle只有IE支持,而getComputerStyle在FireFox中支持,这个方法接受两个参数:要取得计算样式的元素和一个伪元素字符串(例如“;after”)。如果不需要伪元素信息,第二个参数可以为null。该方法返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式。
计算元素样式
所以估计兼容浏览器,我们可以封装一个函数来获取一个元素的CSS属性值:
function getStyle(element, attr) {
if(element.currentStyle) {
return element.currentStyle[attr];
} else {
return getComputedStyle(element, false)[attr];
}
}【相关推荐:javascript学习教程】
立即学习“前端免费学习笔记(深入)”;










