// node：將要獲取其計(jì)算樣式的元素節(jié)點(diǎn)
// attr: 樣式屬性名稱
function getCurrentStyle(node, attr) {
  var style = null;
  //dom標(biāo)準(zhǔn)方式
  if(window.getComputedStyle) {
    style = window.getComputedStyle(node, null);
  }
  else{
    style = node.currentStyle; //ie方式
  }
  
  return style[attr];
}

2、修改元素樣式

直接通過元素的style屬性，例如： p.style.backgroundColor = "red"

注意：當(dāng)通過上面方法獲取或修改元素樣式時(shí)，屬性名稱和定義的元素屬性名稱有區(qū)別。例如：通過css的background-color定義背景色，那么在js中獲取或修改這個(gè)樣式屬性時(shí)需要將‘-' 符號(hào)后的首字母轉(zhuǎn)換成大小。

以上這篇JS獲取和修改元素樣式的實(shí)例代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AJAX 網(wǎng)頁保留瀏覽器前進(jìn)后退等功能
AJAX的應(yīng)用較少了頁面的刷新次數(shù)，但是也可能會(huì)使瀏覽器的前進(jìn)、后退、刷新等功能受到影響。
2011-02-02
JavaScript中的call和apply的用途以及區(qū)別
本文主要介紹了JavaScript中的call和apply的用途以及區(qū)別。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
JavaScript加強(qiáng)之自定義callback示例
callback回調(diào)函數(shù)在本文以自定義的方式出現(xiàn)，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-09-09
Javascript 獲取LI里的內(nèi)容
使用Javascript（簡(jiǎn)稱JS）取得LI里的內(nèi)容(簡(jiǎn)單易懂的代碼實(shí)例)
2008-12-12
微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
BootStrap入門學(xué)習(xí)第一篇
這篇文章主要為大家詳細(xì)介紹了BootStrap入門學(xué)習(xí)第一篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
JavaScript瀏覽器選項(xiàng)卡效果
項(xiàng)目需要做了如下的東西，希望能給其他需要的同學(xué)們一點(diǎn)參考。
2010-08-08
javascript實(shí)現(xiàn)簡(jiǎn)單加載隨機(jī)色方塊
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單加載隨機(jī)色方塊的相關(guān)資料，感興趣的小伙伴們可以參考一下
2015-12-12
JS實(shí)現(xiàn)購物車基本功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)購物車基本功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
詳解js的事件代理（委托）
JavaScript事件代理（委托）一般用于以下情況：1. 事件注冊(cè)在祖先級(jí)元素上，代理其子級(jí)元素?？梢詼p少事件注冊(cè)數(shù)量，節(jié)約內(nèi)存開銷，提高性能。2. 對(duì)js動(dòng)態(tài)添加的子元素可自動(dòng)綁定事件。本文主要介紹用原生 js 實(shí)現(xiàn)該功能。下面跟著小編一起來看下吧
2016-12-12