javascript - 如何搜索 HTMLDivElement 的子元素？

Question

我有一个 HTMLDivElement，我的目标是找到一个嵌套在它下面的 div。

理想情况下，我想要类似 getElementById 的功能，但该功能不适用于 HTMLDivElement。

我需要手动遍历图，还是有更简单的方法？

Answer 1

演示:http://jsfiddle.net/ThinkingStiff/y9K9Y/

如果<div>你正在搜索的有一个类，你可以使用 getElementsByClassName() :

document.getElementById( 'parentDiv' ).getElementsByClassName( 'childDiv' )[0];

如果它没有类，您可以使用 getElementsByTagName() :

document.getElementById( 'parentDiv' ).getElementsByTagName( 'div' )[0];

如果它有一个 id你当然可以只使用getElementById()无论它在 DOM 中的哪个位置都能找到它:

document.getElementById( 'childDiv' );