获取特定类型的第一个子节点 \- JavaScript

Question

是否有可能获得一个子 dom 元素，这将是特定类型的第一个子元素。

例如，在这两个示例中，我都想获取 img 元素：

 <a id="mylink" href="#"><img src="myimage.jpg" /></a>

对比

<a id="mylink" href="#"><span></span><img src="myimage.jpg" /></a>

原文由 user1559590 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个

var firstIMG = document.getElementById('mylink').getElementsByTagName('img')[0];

原文由 yogi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您还可以使用 querySelector ：

 var firstImg = document.querySelector("#mylink > img:first-of-type");

原文由 Zeta 发布，翻译遵循 CC BY-SA 4.0 许可协议