javascript獲取作用在元素上面的樣式屬性代碼
更新時(shí)間:2012年09月20日 01:20:43 作者:
遍歷所有樣式屬性,通過(guò)判斷其屬性值,是否為'undefined' 或特特的值,來(lái)過(guò)慮屬性
復(fù)制代碼 代碼如下:
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 請(qǐng)用
currentStyle原理是一樣的
遍歷所有樣式屬性,通過(guò)判斷其屬性值,是否為'undefined' 或特特的值,來(lái)過(guò)慮屬性!
您可能感興趣的文章:
相關(guān)文章
原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法
這篇文章主要介紹了原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法,涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-05-05非常實(shí)用的js驗(yàn)證框架實(shí)現(xiàn)源碼 附原理方法
這篇文章主要為大家詳細(xì)介紹了一個(gè)非常實(shí)用的js驗(yàn)證框架實(shí)現(xiàn)源碼,并附原理方法,感興趣的小伙伴們可以參考一下2016-06-06快速實(shí)現(xiàn)JS圖片懶加載(可視區(qū)域加載)示例代碼
目前很多網(wǎng)站,在圖片加載時(shí)均采用了一種名為懶加載的方式,具體表現(xiàn)為,當(dāng)頁(yè)面被請(qǐng)求時(shí),只加載可視區(qū)域的圖片,其它部分的圖片則不加載,只有這些圖片出現(xiàn)在可視區(qū)域時(shí)才會(huì)動(dòng)態(tài)加載這些圖片,下面本文就介紹了JS圖片懶加載(可視區(qū)域加載)的實(shí)現(xiàn)方法,一起來(lái)看看吧。2017-01-01Jupyter Notebook運(yùn)行JavaScript的方法
Jupyter Notebook是一塊所見即所得的畫布,通過(guò)在瀏覽器上編輯代碼,讓開發(fā)人員實(shí)現(xiàn)展示與快速迭代的利器,本文主要介紹了Jupyter Notebook運(yùn)行JavaScript的方法,感興趣的可以了解一下2021-05-05在bootstrap中實(shí)現(xiàn)輪播圖實(shí)例代碼
Bootstrap中輪播圖插件叫作Carousel ,下面通過(guò)本文給大家詳細(xì)介紹了bootstrop中實(shí)現(xiàn)輪播圖效果,需要的朋友參考下2017-06-06BootStrap的彈出框(Popover)支持鼠標(biāo)移到彈出層上彈窗層不隱藏的原因及解決辦法
彈出框(Popover)與工具提示(Tooltip)類似,提供了一個(gè)擴(kuò)展的視圖。本文給大家介紹BootStrap的彈出框(Popover)支持鼠標(biāo)移到彈出層上彈窗層不隱藏的原因及解決辦法,喜歡的朋友參考下吧2016-04-04原生js?XMLhttprequest請(qǐng)求onreadystatechange執(zhí)行兩次的解決
這篇文章主要介紹了原生js?XMLhttprequest請(qǐng)求onreadystatechange執(zhí)行兩次的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02