是否有可能获得一个子dom元素,这将是特定类型的第一个子元素。
例如,在这两个示例中,我想获得img
元素:
<a id="mylink" href="#"><img src="myimage.jpg" /></a>
VS
<a id="mylink" href="#"><span></span><img src="myimage.jpg" /></a>
答案 0 :(得分:104)
试试这个
var firstIMG = document.getElementById('mylink').getElementsByTagName('img')[0];
答案 1 :(得分:25)
您还可以使用querySelector
:
var firstImg = document.querySelector("#mylink > img:first-of-type");
答案 2 :(得分:4)
var anchor = document.getElementById('mylink');
var images = anchor.getElementsByTagName('img');
var image = images.length ? images[0] : null;
答案 3 :(得分:1)
这是一个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');