如何搜索 HTMLDivElement 的子项？

Question

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

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

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

原文由 A Question Asker 发布，翻译遵循 CC BY-SA 4.0 许可协议

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' );

原文由 ThinkingStiff 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

  //For immediate children

  var children = document.getElementById('id').childNodes;

   //or for all descendants

   var children = document.getElementById('id').getElementsByTagName('*');

原文由 Emmanuel N 发布，翻译遵循 CC BY-SA 3.0 许可协议