특정 유형의 첫 번째 자식 노드 가져 오기-JavaScript

특정 유형의 첫 번째 자식 노드 가져 오기-JavaScript

---

특정 유형의 첫 번째 자식이 될 자식 dom 요소를 가져올 수 있습니까?

예를 들어이 두 예제 모두에서 img요소 를 얻고 싶습니다 .

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

대

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

---

이 시도

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

---

다음을 사용할 수도 있습니다 querySelector.

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

---

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

---

다음은 자바 스크립트 함수입니다.

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');

참조 URL : https://stackoverflow.com/questions/11701118/get-first-child-node-of-specific-type-javascript