2013-10-18 4 views
3

jQuery가 아닌 Javascript를 사용하여 특정 요소 내부의 모든 이미지를 가져 오는 방법은 무엇입니까? 나는 그들도 태그로받을 필요가있다.자바 스크립트를 사용하여 요소의 하위 항목 가져 오기

또한

#container img 

하지

#container > img 

감사합니다, 누가 복음 :)에 의해 영향을받을 그 이미지를 찾고 메신저.

+0

https://developer.mozilla.org/en-US/docs/Web /API/ParentNode.children – webduvet

+0

['Element.getElementsByTagName()'] (https://developer.mozilla.org/en-US/docs/Web/API/Element.getElementsByTagName) 또는 ['document.querySelectorAll()' ] (https : //developer.mozil la.org/en-US/docs/Web/API/document.querySelectorAll). – Passerby

답변

2

이 시도 :

var cont = document.getElementById("container"); 
var all_img = cont.getElementsByTagName('img'); 
+0

'getElement * s * ByTagName' – hsz

+0

확실, 고마워요 :) – webduvet

+0

나는 그것이 그가 무엇을 요구했는지 믿습니다. – webduvet

0

당신이 시도 document.getElementById("#container").children;

1

를 사용할 수 있습니다

parent.getElementsByTagName('img') 
1

만 자바 스크립트를 사용하여 다음 기능 querySelecterAll는 함께 가야 할 권리 기능입니다. 모든 어린이를위한

var elements = document.querySelectorAll('#container > img'); 
$("#length").text(elements.length); 

: 만 직접 어린이를위한

var elements = document.querySelectorAll('#container img'); 
$("#length").text(elements.length); 

예 : http://jsfiddle.net/YfPQv/

관련 문제