欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • js prototype截取字符串函數(shù)

    js prototype截取字符串函數(shù)

    prototype它是用Javascript寫好的一些API,包括對Javascript中的類如String,Array等進行的擴充,把JS文件嵌入后直接用就行了
    2010-04-04
  • js中創(chuàng)建對象的幾種方式示例介紹

    js中創(chuàng)建對象的幾種方式示例介紹

    JavaScript中的所有事物都是對象,本文為大家介紹下JS中創(chuàng)建對象的幾種方式,如原始方法、工廠方法等等
    2014-01-01
  • node express使用HTML模板的方法示例

    node express使用HTML模板的方法示例

    這篇文章主要介紹了node express使用HTML模板的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • 小程序根據(jù)手機機型設(shè)置自定義底部導(dǎo)航距離

    小程序根據(jù)手機機型設(shè)置自定義底部導(dǎo)航距離

    這篇文章主要為大家詳細介紹了小程序根據(jù)手機機型設(shè)置自定義底部導(dǎo)航距離,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • javascript實現(xiàn)圖片延遲加載方法匯總(三種方法)

    javascript實現(xiàn)圖片延遲加載方法匯總(三種方法)

    看到一些大型網(wǎng)站,頁面如果有很多圖片的時候,當你滾動到相應(yīng)的行時,當前行的圖片才即時加載的,這樣子的話頁面在打開只加可視區(qū)域的圖片,而其它隱藏的圖片則不加載,一定程序上加快了頁面加載的速度,跟著小編一起學(xué)習(xí)javascript實現(xiàn)圖片延遲加載吧
    2015-08-08
  • js 字數(shù)統(tǒng)計,區(qū)分英漢

    js 字數(shù)統(tǒng)計,區(qū)分英漢

    hta實現(xiàn)的字數(shù)統(tǒng)計效果代碼,中文算兩個,英文算一個
    2008-02-02
  • JavaScript編寫檢測用戶所使用的瀏覽器的代碼示例

    JavaScript編寫檢測用戶所使用的瀏覽器的代碼示例

    這篇文章主要介紹了JavaScript編寫檢測用戶所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶的瀏覽狀態(tài)來調(diào)整桌面版移動版或者兼容性的頁面,需要的朋友可以參考下
    2016-05-05
  • javascript實現(xiàn)仿百度圖片的瀑布流加載效果

    javascript實現(xiàn)仿百度圖片的瀑布流加載效果

    這是一款仿照百度圖片的瀑布流效果,可以無限加載,兼容各大主流瀏覽器,這里分享給大家,希望小伙伴們能夠喜歡
    2016-04-04
  • js腳本加載失敗問題解決辦法

    js腳本加載失敗問題解決辦法

    在項目中經(jīng)常會用到動態(tài)加載js,下面這篇文章主要給大家介紹了關(guān)于js腳本加載失敗問題的解決辦法,文中通過實例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2023-06-06
  • Js實現(xiàn)復(fù)選框的全選、全不選反選功能代碼實例

    Js實現(xiàn)復(fù)選框的全選、全不選反選功能代碼實例

    這篇文章主要介紹了Js實現(xiàn)復(fù)選框的全選、全不選和反選,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-02-02

最新評論