使用jquery获取样式属性值

Question

<div class="a"></div>

.a{
padding:10px;
background:red;
}

很容易获得元素的背景值，只需使用$('.a').css('background');

但现在我有了这个div：

<div style="padding:0;background:red"></div>

如何获取背景属性？

Answer 1

您应该使用getComputedStyle：

getComputedStyle($('div')[0]).background; 

来自MDN文章：

  

getComputedStyle返回的对象是只读的，可用于检查元素的样式（包括由元素或外部样式表设置的样式）。 elt.style对象应该用于设置特定元素的样式。