<div class="a"></div>
.a{
padding:10px;
background:red;
}
獲取樣式屬性值可以很容易地獲得上述元素的背景值,只需使用$('.a').css('background');
使用jQuery
但現在我有這個div:
<div style="padding:0;background:red"></div>
我怎樣才能得到背景屬性?
<div class="a"></div>
.a{
padding:10px;
background:red;
}
獲取樣式屬性值可以很容易地獲得上述元素的背景值,只需使用$('.a').css('background');
使用jQuery
但現在我有這個div:
<div style="padding:0;background:red"></div>
我怎樣才能得到背景屬性?
你應該使用getComputedStyle
:
getComputedStyle($('div')[0]).background;
從MDN文章:
的對象從的getComputedStyle返回是隻讀的,可以用於檢查元素的樣式(包括那些通過設置一個元素或一個外部樣式表)。應該使用elt.style對象來設置特定元素上的樣式。
那是什麼[0]? – 2015-04-03 02:21:54
@JamesLemon從jQuery對象中獲取DOM元素。因爲'getComputedStyle'是一個DOM函數,不屬於jQuery。 – Barmar 2015-04-03 02:23:18
你有它向後。 '.css('background')'將與第二個DIV一起工作,而不是第一個。 – Barmar 2015-04-03 02:22:45
所以你說這個,$('div').css('background');不適合你? – 2015-04-03 02:23:15
看那答案這個問題: http://stackoverflow.com/questions/11306736/jquery-check-if-element-has-a-specific-style-property-defined-inline – abagshaw 2015-04-03 02:23:36