js獲取css的各種樣式并且設(shè)置他們的方法
更新時間：2017年08月22日 08:06:21 投稿：jingxian
下面小編就為大家?guī)硪黄猨s獲取css的各種樣式并且設(shè)置他們的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
js原生獲取css樣式,并且設(shè)置,看似簡單,其實并不簡單,我們平時用的ele.style.樣式,只能獲取內(nèi)嵌的樣式,但是我們寫的樣式基本都在style屬性里面;
這里我們就需要：
下面這個代碼主要是設(shè)置為了兼容IE這孫子;
function getStyle(element, attr) {
if (element.currentStyle) {
return element.currentStyle[attr];//傻逼IE的獲取元素的方法
} else {
return getComputedStyle(element, null)[attr];
}
}
平時我們一般可以用 getComputedStyle(元素,null)[屬性]
以上這篇js獲取css的各種樣式并且設(shè)置他們的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了javascript 發(fā)布-訂閱模式,結(jié)合實例形式詳細(xì)分析了javascript發(fā)布-訂閱模式基本功能、原理、實現(xiàn)方法與相關(guān)使用技巧,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)的示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
js函數(shù)與php函數(shù)的區(qū)別實例淺析
這篇文章主要介紹了js函數(shù)與php函數(shù)的區(qū)別,以實例形式較為簡單的分析了js函數(shù)與php函數(shù)語法及應(yīng)用上的不同點,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
JavaScript簡單實現(xiàn)關(guān)鍵字文本搜索高亮顯示功能示例
這篇文章主要介紹了JavaScript簡單實現(xiàn)關(guān)鍵字文本搜索高亮顯示功能,涉及javascript基于事件響應(yīng)的頁面元素遍歷、分割、替換等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了el-dialog對話框子組件的關(guān)閉方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12
javascript基礎(chǔ)練習(xí)之翻轉(zhuǎn)字符串與回文
最近在學(xué)習(xí)的時候到了基礎(chǔ)算法這一章節(jié)，讓我對js內(nèi)置對象方法的掌握還有思維邏輯都得到了提升，所借此機(jī)會來寫一寫學(xué)習(xí)心得和總結(jié)。下面這篇文章主要介紹了利用javascript實現(xiàn)翻轉(zhuǎn)字符串與回文的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
廢話少說，直接上Code,對IE與FF下的差異，均在代碼中有相關(guān)的注解2010-03-03
如何用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式
如果我們有一份過去時間戳，如何使用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式呢？很多朋友都覺得解決辦法有點困難，其實很簡單的，下面小編給大家分享完整的實現(xiàn)代碼，一起看看吧2017-02-02
關(guān)于bootstrap日期轉(zhuǎn)化,bootstrap-editable的簡單使用，bootstrap-fileinput的
這篇文章主要介紹了關(guān)于bootstrap日期轉(zhuǎn)化,bootstrap-editable的簡單使用，bootstrap-fileinput的使用,需要的朋友可以參考下2017-05-05