js获取html样式属性,js怎么获取指定css属性的值？

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中文网 ！！