javascript - 如何找出DOM中的所有 Angular 选择器并存储在数组中？

Question

1).html

<app-root>
<app-header>
dwkjdwjkwd
</app-header>
<app-container>daaddadadad</app-container>
<app-info>diwduiwuwd</app-info>
</app-root>

如何找到所有前缀为 <app-*> 的选择器在 dom 中？

2).html

<app-root>
<app-header>
</app-header>

<div class="parent">
 oiwdiodw
<app-container>dwww</app-container>
<app-info>dwwdwdwd</app-info>
</div>

</app-root>

如何找到所有前缀为 <app-*> 的选择器在 dom 和内部类“parent”中？

期望的输出是["app-container', 'app-info',.....];

答案可能在 js、jQuery 或 angular 中？

Answer 1

嗯，我不确定你如何使用 getElementsByTagName并过滤该标签名称，如 <app-* .但是您可以做的是获取所有元素，然后对其进行过滤。

见下文

var elems = document.body.querySelectorAll(".parent *");
var arr = [...elems].map(elem => elem.tagName.toLowerCase())
  .filter(tagName => tagName.startsWith('app-'))
console.log(arr)

<app-root>
  <app-header>
  </app-header>

  <div class="parent">
    oiwdiodw
    <app-container>dwww</app-container>
    <app-info>dwwdwdwd</app-info>
    <span>some span</span>
    <h2>some heading</h2>
  </div>

</app-root>