要素に特定のスタイルが設定されているかどうかをチェックする方法 - Javascript/EXTJS

Question

要素の配列があり、スタイルを取得してそれを条件に一致させたいと考えています。それらの要素をフィルタリングして、その配列内のすべての要素を取得します。今私が持っている：

'E' である

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 
}) 

：

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

今私は "内側" のdivに設定されたスタイルを取得しようとしています。スタイルがdisplay:blockに設定されている場合は、何もしません。

Answer 1

だけのそれらをループし、あなたは確かに構造を知っていると仮定すると、スタイルをチェックしてください。

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

Answer 2

Ext.selectはExt.CompositeElementを返します。これはgetStyleの方法です。

結果のコードは次のようになります。

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