JavaScript 获取HTML中的CSS样式的属性以及值的的方法。
1 <body> 2 <div id="wow" style="font-size:10px; float:left"></div> 3 4 5 6 <script type="text/javascript"> 7 8 var tempDiv=document.getElementById("wow"); 9 var prop_,value,i,len; 10 11 alert(tempDiv.style.length); 12 13 //defined the tempDiv's length; 14 for(i=0,len=tempDiv.style.length;i<len;i++) 15 { 16 //the style arrary of tempDiv; 17 prop_=tempDiv.style[i]; 18 19 //Prop_'s propertyValue; 20 value=tempDiv.style.getPropertyValue(prop_); 21 22 //Prop_'s propertyCSS-Value; 23 _value=tempDiv.style.getPropertyCSSValue(prop_); 24 25 //alert(prop_+"=>"+value); 26 27 //alert the properties accrording to the attributes of the _value object. 28 alert(prop_+"=>"+_value.cssText+":"+_value.cssValueType); 29 30 } 31 32 33 </script> 34 35 36 37 38 39 40 41 </body>
PS:注释是我写的,因为我一般习惯写英文注释了,不太喜欢写中文参杂在代码里。
代码已经贴出来了,
里面有2个方法:
1.getPropertyValue()
2.getPropertyCSSValue();
这2个方法里的属性大家可以对比一下。
其中getPropertyCSSValue()中的属性:cssValueType是一个存放常量的枚举类型:
Alert出的结果:0(继承的值) 1(基本的值) 2(自定义的值)
![](https://pic.cnblogs.com/avatar/567748/20200111202800.png)
作者:
KMSFan
出处:http://www.cnblogs.com/kmsfan
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
欢迎大家加入KMSFan之家,以及访问我的优酷空间!
出处:http://www.cnblogs.com/kmsfan
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
欢迎大家加入KMSFan之家,以及访问我的优酷空间!