如何檢查一個元素是否具有對其設置的特定樣式 - Javascript/EXTJS

Question

我有一個元素數組，並且我想要獲得樣式並將其與我擁有的條件相匹配。即時過濾他們獲得該數組內的每個元素。所以現在我有：

arr= [<div class="outer"><div class="inner" style="display:none">test1</div></div>, <div class="outer"><div class="inner" style="display:block">test1</div></div>,<div class="outer"><div class="inner" style="display:none">test1</div></div>] 

Ext.select('.outer').filter(function(e) { 
console.log(e) // e gives individual element 
}) 

其中「E」是：

<div class="outer"> 
    <div class="inner" style="display:none"> 
    test1 
    </div> 
</div> 

現在我試圖讓風格上的「內部」分區設置。如果風格設置爲display:block會做一些東西，否則什麼也沒有。

Answer 1

只是遍歷和檢查的樣式，假設你肯定知道結構：即給出了外層div的風格不是

ok = arr.filter(el => el.firstChild.style.display === 'block'); 

Answer 2

根據文檔，Ext.select返回Ext.CompositeElement，它有一個getStyle方法。

產生的代碼將是：

Ext.select('.outer').getStyle('display')