chrome中获取元素的样式

以获取背景颜色为例

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()。