JavaScript如何獲取一個(gè)元素的樣式信息
更新時(shí)間：2019年07月29日 10:29:56 作者：城里的鄉(xiāng)下人
這篇文章主要介紹了JavaScript如何獲取一個(gè)元素的樣式信息,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
跨瀏覽器方法
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)先級(jí)是：
1.動(dòng)態(tài)設(shè)置的
2.內(nèi)聯(lián)設(shè)置的
3.樣式表設(shè)置的
4.瀏覽器默認(rèn)設(shè)置的
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
prototype它是用Javascript寫(xiě)好的一些API，包括對(duì)Javascript中的類如String，Array等進(jìn)行的擴(kuò)充，把JS文件嵌入后直接用就行了2010-04-04
JavaScript中的所有事物都是對(duì)象，本文為大家介紹下JS中創(chuàng)建對(duì)象的幾種方式，如原始方法、工廠方法等等2014-01-01
這篇文章主要介紹了node express使用HTML模板的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離
這篇文章主要為大家詳細(xì)介紹了小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
javascript實(shí)現(xiàn)圖片延遲加載方法匯總(三種方法)
看到一些大型網(wǎng)站，頁(yè)面如果有很多圖片的時(shí)候，當(dāng)你滾動(dòng)到相應(yīng)的行時(shí)，當(dāng)前行的圖片才即時(shí)加載的，這樣子的話頁(yè)面在打開(kāi)只加可視區(qū)域的圖片，而其它隱藏的圖片則不加載，一定程序上加快了頁(yè)面加載的速度，跟著小編一起學(xué)習(xí)javascript實(shí)現(xiàn)圖片延遲加載吧2015-08-08
js 字?jǐn)?shù)統(tǒng)計(jì)，區(qū)分英漢
hta實(shí)現(xiàn)的字?jǐn)?shù)統(tǒng)計(jì)效果代碼，中文算兩個(gè)，英文算一個(gè)2008-02-02
JavaScript編寫(xiě)檢測(cè)用戶所使用的瀏覽器的代碼示例
這篇文章主要介紹了JavaScript編寫(xiě)檢測(cè)用戶所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶的瀏覽狀態(tài)來(lái)調(diào)整桌面版移動(dòng)版或者兼容性的頁(yè)面,需要的朋友可以參考下2016-05-05
javascript實(shí)現(xiàn)仿百度圖片的瀑布流加載效果
這是一款仿照百度圖片的瀑布流效果，可以無(wú)限加載,兼容各大主流瀏覽器，這里分享給大家，希望小伙伴們能夠喜歡2016-04-04
在項(xiàng)目中經(jīng)常會(huì)用到動(dòng)態(tài)加載js,下面這篇文章主要給大家介紹了關(guān)于js腳本加載失敗問(wèn)題的解決辦法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06
Js實(shí)現(xiàn)復(fù)選框的全選、全不選反選功能代碼實(shí)例
這篇文章主要介紹了Js實(shí)現(xiàn)復(fù)選框的全選、全不選和反選,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02