JavaScript 获取HTML中的CSS样式的属性以及值的的方法。

最新推荐文章于 2022-09-28 11:43:50 发布

weixin_34186950

最新推荐文章于 2022-09-28 11:43:50 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kmsfan/p/js.html

本文介绍如何使用JavaScript通过两种不同方法获取DOM元素的样式属性：getPropertyValue()与getPropertyCSSValue()。详细展示了这两种方法的区别，并解释了getPropertyCSSValue()返回的_cssValueType属性的含义。

 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>