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