Получить первый тип node определенного типа - JavaScript

Можно ли получить дочерний элемент dom, который будет первым дочерним элементом определенного типа.

Например, в обоих этих примерах я хочу получить элемент img:

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

против.

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

Ответы

Ответ 1

Попробуйте это

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

Ответ 2

Вы также можете использовать querySelector:

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

Ответ 3

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

Ответ 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');