標籤：Firefox tle bsp class 分享 logs document parse ima
封裝 function getStyle(obj , attr){return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; //相容寫法IE:Firefox };
效果如下：
<!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:Firefox }; </script> </body></html>
js擷取css樣式封裝
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
