js怎么獲取指定css屬性的值？下面本篇文章給大家介紹一下。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

js怎么獲取指定css屬性的值？

1、通過dom.style.屬性 來獲取

但是這種方法無法獲取id、class里的屬性

例子:

#c1

{

background-color: red;

color: black;

}

ss

222

var dom = document.getElementById("c1");

var dom2 = document.getElementById("c2");

console.log(dom.style.backgroundColor);//為空

console.log(dom2.style.backgroundColor);

//輸出red,如果style中的顏色用rgba形式表示，輸出的也是rgba形式

2、在IE中用的是dom.currentStyle，標準下用的是dom.getComputedStyle

#c1

{

background-color: #FF0000;

color: white;

}

ss

var dom = document.getElementById("c1");

if(window.getComputedStyle)//判斷是否存在getComputedStyle方法

{

var str = document.defaultView.getComputedStyle(dom,null).color;

console.log(str);

}

else if(dom.currentStyle)//兼容低版本ie

{

console.log("***");

console.log("ie版本 "+dom.currentStyle.color);

}

更多web前端開發知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的js获取html样式属性,js怎么获取指定css属性的值？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。