js用currentStyle和getComputedStyle获取css样式(非行间) 兼容ie与火狐

用js的style属性可以获得html标签的样式,但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢?在IE下可以用currentStyle,而在火狐下面我们需要用到getComputedStyle。下面是js代码。

 

  1. function getStyle(obj, name)
  2.  
  3. {
  4. if(obj.currentStyle)
  5. {
  6. return obj.currentStyle[name];
  7. }
  8. else
  9. {
  10. return getComputedStyle(obj,false)[name];
  11. }
  12. };
  13.  
  14. window.onload=function ()
  15. {
  16. var oDiv1=document.getElementById('div1');
  17.  
  18. alert(getStyle(oDiv1, 'width'));
  19.  
posted @ 2015-11-29 20:23  brady-wang  阅读(384)  评论(0编辑  收藏  举报