获取特定types的第一个子节点 – JavaScript

是否有可能获得一个孩子DOM元素，这将是一个特定types的第一个孩子。

例如，在这两个例子中，我想获得img元素：

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

与

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

Answer 1

尝试这个

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

Answer 2

你也可以使用querySelector ：

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

Answer 3

 var anchor = document.getElementById('mylink'); var images = anchor.getElementsByTagName('img'); var image = images.length ? images[0] : null; 

Answer 4

这是一个JavaScript函数

 function getFirst(con,tag) { return con.getElementsByTagName(tag)[0]; } //html markup <a id="mylink" href="#"><img src="myimage.jpg" /></a> <a id="mylink1" href="#"><img src="myimage.jpg" /></a> //test var con=document.getElementById('mylink'); var first=getFirst(con,'img');