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

其中＆＃39; e＆＃39;是：

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

现在我试图将内容设置在＆＃34;内部＆＃34; DIV。如果样式设置为display:block，则会执行某些操作，否则无效。

Answer 1

只要你知道结构就可以循环遍历它们并检查样式：

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

Answer 2

根据文档，Ext.select会返回Ext.CompositeElement，其中包含getStyle方法。

结果代码为：

id      location value sd   sequence value1
"anon1" "nose"   5     0.2  "a"      1 
"anon2" "body"   4     0.4  "a"      2
"anon3" "arm"    4     0.47 "a"      3
"anon4" "head"   4     0.3  "a"      4
"anon5" "leg"    1.5   0.15 "a"      5

如何检查元素是否具有设置为它的特定样式 - Javascript / EXTJS

2 个答案: