当前位置:Gxlcms > JavaScript > javascript获取作用在元素上面的样式属性代码

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

代码如下:

window.onload = function(){
var oDIv = document.getElementById('progressBox');
var sytleElemt = window.getComputedStyle(oDIv);
for(var i=0;i<sytleElemt.length;i++){
if(
typeof sytleElemt[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' 或特特的值,来过虑属性!

人气教程排行