chrome中获取元素的样式

时间:2022-05-12 03:19:42

以获取背景颜色为例

html部分

<div id="test">abcd</div>

css部分

#test {
    background-color: rgba(255, 0, 0, 0.5);
}

JS部分

var testDom = document.getElementById('test');
console.log(testDom.ownerDocument.defaultView.getComputedStyle(testDom,null).backgroundColor);

DOM.style只能获取内联的样式,所以只能通过上面的方法,在chrome浏览器中读取元素节点的样式。

相应的API,window.getComputedStyle()