关闭页面特效

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（自定义的值）

 

 


__EOF__

作　　者：ღKawaii
出　　处：https://www.cnblogs.com/kmsfan/p/js.html
关于博主：一个普通的小码农，为了梦想奋斗
版权声明：署名 - 非商业性使用 - 禁止演绎，协议普通文本 | 协议法律文本。
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！

posted @   yangliwen  阅读(2752)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
2
0
关注
跳至底部
document.getElementById("homeTopTitle").innerText="ღKawaii";
点击右上角即可分享
微信分享提示
AI IDE Trae