按属性拉取元素

Question

我只想从 10 个子元素中拉出带有 flex display 的元素

document.querySelectorAll('.DOMDivCont[display="flex"]')

当我尝试这个时，它返回空数组

Answer 1

这只有在元素有内联显示=flex的情况下才有可能，但你想按样式选择

document.querySelectorAll('.DOMDivCont[style*="disyplay: flex"]')

所以你得到每一个包含 flex 的内联样式的 DOMDivCont

但是站点是

1. 它还会找到 flex-inline 等
2. 如果你像“disyplay:flex”那样写它就不起作用
3. 仅适用于内联样式

如果你想通过计算样式选择它们，那么你必须做类似的事情

document.querySelectorAll('.DOMDivCont').forEach(element => {
  console.log(getComputedStyle(element).display);
})