JavaScript如何獲取一個元素的樣式信息
更新時間:2019年07月29日 10:29:56 作者:城里的鄉(xiāng)下人
這篇文章主要介紹了JavaScript如何獲取一個元素的樣式信息,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
跨瀏覽器方法
function getStyle(elem, cssprop, cssprop2){ if(elem.currentStyle){ return elem.currentStyle[cssprop] }else if(document.defaultView && document.defaultView.getComputedStyle){ return document.defaultView.getComputedStyle(elem, "").getPropertyValue(cssprop2) }else{ return null } }
<style> #elem{font-size:23px;} </style> <input id ="elem" style="font-size:18px;"/> <script> elem.style.fontSize = '12px'; console.log(getStyle(elem, "fontSize", "font-size")) // 輸出12px </script>
getStyle取值的優(yōu)先級是:
1.動態(tài)設(shè)置的
2.內(nèi)聯(lián)設(shè)置的
3.樣式表設(shè)置的
4.瀏覽器默認設(shè)置的
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
小程序根據(jù)手機機型設(shè)置自定義底部導(dǎo)航距離
這篇文章主要為大家詳細介紹了小程序根據(jù)手機機型設(shè)置自定義底部導(dǎo)航距離,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-06-06javascript實現(xiàn)圖片延遲加載方法匯總(三種方法)
看到一些大型網(wǎng)站,頁面如果有很多圖片的時候,當你滾動到相應(yīng)的行時,當前行的圖片才即時加載的,這樣子的話頁面在打開只加可視區(qū)域的圖片,而其它隱藏的圖片則不加載,一定程序上加快了頁面加載的速度,跟著小編一起學(xué)習(xí)javascript實現(xiàn)圖片延遲加載吧2015-08-08javascript實現(xiàn)仿百度圖片的瀑布流加載效果
這是一款仿照百度圖片的瀑布流效果,可以無限加載,兼容各大主流瀏覽器,這里分享給大家,希望小伙伴們能夠喜歡2016-04-04Js實現(xiàn)復(fù)選框的全選、全不選反選功能代碼實例
這篇文章主要介紹了Js實現(xiàn)復(fù)選框的全選、全不選和反選,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02