使用JavaScript获取元素的子元素

Question

如何使用JavaScript（而不是jQuery）获取特定元素内的所有图像。我需要按标记获取它们。

另外，我正在寻找那些受影响的图片

#container img

不是

#container > img

感谢，Luke :).

- Luke Pring

---

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

Element.getElementsByTagName() 或 document.querySelectorAll()。 - Passerby

Answer 1

试一试：

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

- webduvet

---

getElement*s*ByTagName - hsz

我相信这就是他所要求的。 - webduvet

Answer 2

如果只使用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/

- larssy1

Answer 3

Try with:

parent.getElementsByTagName('img')

- hsz

Answer 4

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

- S. S. Rawat