html格式:
- <body>
- <div id="div1" style="width:200px; height:200px; background:red;">
- </div>
js代码:
- window.onload=function ()
- {
- var oDiv=document.getElementById(‘div1‘);
-
-
-
-
-
-
-
-
-
-
- if(oDiv.currentStyle)
- {
-
- alert(oDiv.currentStyle.width);
- }
- else
- {
-
- alert(getComputedStyle(oDiv,false).width);
- }
- };
把上面的if else封装成一个函数,即公用函数。
- function getStyle(obj,name)
- {
- if (obj.currentStyle)
- {
- return obj.currentStyle[name];
- }
- else
- {
- return getComputedStyle(obj,false)[name];
- }
- };
- window.onload=function ()
- {
- var oDiv=document.getElementById(‘div1‘);
-
- alert(getStyle(oDiv,‘width‘));
- };
继上一篇:获取非行间样式,此处有兼容问题
原文:http://www.cnblogs.com/redaisy567/p/5946926.html