Javascript 按父类设置所有链接的目标，添加；rel"；链接属性（不带jQuery）

。我试着用香草Javascript来做，但没能让它工作。在普通的ES6中，您将如何处理这个问题

HTML:

---

您只需执行

document.querySelectorAll（'.external a'）.forEach

即可迭代所有这些操作：

document.querySelectorAll（'.external a'）.forEach（（el）=>{
el.setAttribute（'rel'，'externalnoopener'）；
});

占位符图像
您应该将您尝试的代码添加到问题中。你可能错过了一些简单的事情。不幸的是，我没有保留一份副本——我宁愿这样做。如果能知道我哪里出了错，信息会多得多。
<div class="external">
  <figure>
    <a href="https://via.placeholder.com/150" target="_blank">
      <img src="https://via.placeholder.com/150" class="vc_single_image-wrapper" width="150" height="150">
    </a>
    </figure>
</div>
<div class="external">
  <figure>
    <a href="https://via.placeholder.com/150" target="_blank">
      <img src="https://via.placeholder.com/150" class="vc_single_image-wrapper" width="150" height="150">
    </a>
    </figure>
</div>
<p>Placeholder images courtesty of <a href="https://placeholder.com" target="_blank" rel="noopener noreferrer">Placeholder.com</a></p>

$(document).ready(function () {
  // Scan the webpage for all class names of 'external'.
  $(".external").each(function () {
    // For each class name of 'external' found, find descendant tag "a" of that div and apply the rel attribute.
    $(".external a").attr("rel", "external noopener");
  });
});