如何递归选择元素Javascript下的所有子项

Question

我需要一个函数来递归地选择所有子元素，但如果它们具有“foo”属性，则不会选择元素（和那些元素的子元素）。

<section>
  <div>
   <span foo>
    <input>
   </span>
  </div>
  <p>
    <img>
  </p>
</section>
//should return [section, div, p, img]

我需要原始的 Javascript 请

编辑：我试过这样的事情：

$tag.querySelectorAll(":not([foo])")

但 querySelectorAll(":not([foo])") 仍将返回未选择元素的子元素。

Answer 1

您可以在此处使用element.querySelectorAll()和:not修饰符，以及[attr]选择器：

var nonFooElements = parentElement.querySelectorAll("*:not([foo])");

请注意，这种调用的成本会适中，因为选择器不是以 id 或类名开头，所以不要大量调用。

我从这个答案改编了这个答案： https : //stackoverflow.com/a/21975970/5009210