php 获取css值,如何通过JS获取CSS属性值

JS获取CSS属性

#f{background-color:#FF0000;}

var o = document.getElementById('f');

document.write(o.style.width + '
'); // 200px

document.write(o.style.backgroundColor + '
'); // 空白

function getDefaultStyle(obj,attribute){

return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];

}

document.write(getDefaultStyle(o, 'width') + '
'); // 200px

document.write(getDefaultStyle(o, 'backgroundColor')); // #FF0000

JS獲取CSS屬性方法：function getDefaultStyle(obj,attribute){

return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];

}

本文讲解了如何通过JS获取CSS属性值 ，更多相关内容请关注php中文网。

相关推荐：