在类JavaScript选择的另一个元素中选择一个标记元素

Question

我有这段代码并且正在运作

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

但我需要选择一个元素iside myClass元素。 我怎么能用js做这个？

谢谢！

我的HTML是这样的：

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

Answer 1

您可以使用querySelectorAll()

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您不需要支持IE8，可以这样做：

document.querySelector('.myClass TAGNAME'); 或者，如果要选择所有元素： document.querySelectorAll('.myClass TAGNAME');