JavaScript如何獲取一個元素的樣式信息
更新時間：2019年07月29日 10:29:56 作者：城里的鄉(xiāng)下人
這篇文章主要介紹了JavaScript如何獲取一個元素的樣式信息,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
跨瀏覽器方法
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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了js canvas隨機粒子特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
JavaScript中獲取鼠標位置相關(guān)屬性總結(jié)
這篇文章主要介紹了JavaScript中獲取鼠標位置相關(guān)屬性總結(jié),本文重點在搞清楚這些屬性的區(qū)別,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了用javascript寫了一個模擬閱讀小說的程序,需要的朋友可以參考下2014-04-04
???是一個非常有用的運算符,特別適合在需要區(qū)分?null/undefined?和其他假值的場景中使用,它可以幫助你更精確地處理默認值邏輯,本文給大家介紹js中??是什么意思,感興趣的朋友一起看看吧2025-04-04
利用JavaScript實現(xiàn)棧的數(shù)據(jù)結(jié)構(gòu)示例代碼
棧（stack）又名堆棧，它是一種運算受限的線性表，下面這篇文章主要給大家介紹了關(guān)于利用JavaScript實現(xiàn)棧的數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
浮點數(shù)的精度問題不是JavaScript特有的，因為有些小數(shù)以二進制表示位數(shù)是無窮的2014-03-03
JavaScript前端靜態(tài)資源預(yù)加載實現(xiàn)示例
這篇文章主要為大家介紹了JavaScript前端靜態(tài)資源預(yù)加載實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
JS關(guān)于刷新頁面的相關(guān)總結(jié)
在本篇內(nèi)容中我們給大家整理了關(guān)于JS刷新頁面的所有相關(guān)知識點以及整理了相關(guān)的技術(shù)文章，大家可以收藏本頁面繼續(xù)深入學習。2018-05-05
這篇文章主要給大家愛介紹了關(guān)于利用Javascript獲取選擇文本所在的句子的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起看看吧。2017-12-12
這篇文章主要介紹了javascript中幾個容易混淆的概念總結(jié)，都是平時經(jīng)常遇到的問題，這里推薦給大家，有需要的小伙伴參考下吧。2015-04-04