javascript - 如何通过 dom 开头的属性名称删除 iframe？

Question

使用javascript(没有jquery)，我有一个js文件，它向页面添加一些iframe，在dom中看起来像这样:

<iframe name="_mozilla1" width="300" height="200"src="site.com"></iframe>
<iframe name="_mozilla2" width="300" height="200"src="site.com"></iframe>
<iframe name="_mozilla3" width="300" height="200"src="site.com"></iframe>

最终目标是删除 dom 中具有以 _mozilla 开头的 name 属性的任何 iframe。知道如何用 javascript 来完成这个任务吗？

Answer 1

你的意思是，像这样:

Array.from(document.getElementsByTagName('iframe'))
  .forEach(function (el) {
    if (/^_mozilla/.test(el.getAttribute('name'))) {
      el.parentNode.removeChild(el);
    }
  });