javascript - 选择 JavaScript 类选择的另一个元素内的标签元素

Question

我有这个代码并且正在工作

var myClasses = document.getElementsByClassName("myClass");
        for (var i = 0; i < myClasses.length; i++) {
        myClasses[i].innerHTML = "<img src='http://url.com/image'>";
        }

但我需要在 myClass 元素旁边选择一个元素。我怎样才能用js做到这一点？

谢谢!

我的 html 是这样的:

<div class="myClass">
        <span>Span</span>
        <a href="link" rel="nofollow">Content to replace with img</a>
</div>

Answer 1

您可以使用querySelectorAll()

var myClasses = document.querySelectorAll(".myClass a");
for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "<img src='http://url.com/image'>";
}

<div class="myClass">
  <span>Span</span>
  <a href="link" rel="nofollow">Content to replace with img</a>
</div>