2013-10-18 55 views
3

如何使用Javascript而不是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

嘗試這個辦法:使用只有JavaScript

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/