使用javascript获取元素的子元素

Question

我如何使用Javascript而不是jQuery来获取某个元素内的所有图像。我也需要通过标签来获取它们。

我也正在寻找受

影响的图像

#container img

不

#container > img

谢谢，卢克：）。

Answer 1

试试这个：

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

Answer 2

尝试：

parent.getElementsByTagName('img')

Answer 3

仅使用Javascript，然后函数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/

Answer 4

您可以使用document.getElementById("#container").children;