zl程序教程

您现在的位置是:首页 >  前端

当前栏目

javascript获取作用在元素上面的样式属性代码

JavaScript属性代码 获取 作用 元素 样式 上面
2023-06-13 09:14:35 时间
复制代码代码如下:

window.onload=function(){
varoDIv=document.getElementById("progressBox");
varsytleElemt=window.getComputedStyle(oDIv);
for(vari=0;i<sytleElemt.length;i++){
if(
typeofsytleElemt[sytleElemt[i]]!="undefined"&&
sytleElemt[sytleElemt[i]]!="none"&&
sytleElemt[sytleElemt[i]]!="rgb(0,0,0)"&&
sytleElemt[i]!="quotes"
)

console.log(sytleElemt[i]+":"+sytleElemt[sytleElemt[i]]);
}
}


上面的代码是FF适用

IE请用

currentStyle原理是一样的

遍历所有样式属性,通过判断其属性值,是否为"undefined"或特特的值,来过虑属性!