首页 > 代码库 > js获取css样式封装
js获取css样式封装
封装 function getStyle(obj , attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; //兼容写法IE:火狐 };
效果如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> *{ margin: 0; padding: 0; } #box{ margin: 50px auto; width: 300px; height: 250px; color: #fff; background:#70aa39; text-align: center; line-height: 50px; } </style> </head> <body> <div id="box"></div> <script> var oBox = document.getElementById("box"), oW = parseFloat(getStyle(oBox , "width")), oH = parseFloat(getStyle(oBox , "height")); oBox.innerHTML = "宽:"+oW+"px"+"<br/>"+"高:"+oH+"px"; //封装 function getStyle(obj , attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; //兼容写法IE:火狐 }; </script> </body> </html>
js获取css样式封装
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。