DOM访问不同元素

Question

我正在尝试学习如何使用javaScript获取不同级别的DOM，一旦我创建了初始入口点。例如，如果我想访问以下div元素，我将定位其属性：

var divContent =  document.getElementById(‘box_1’);

我如何访问li标签？最后，我想编写一个将填充li标签的事件处理程序，但我首先需要知道如何通过div的ID属性访问它们。

<div id="box_1">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

Answer 1

猜猜是什么：您可以通过TagName获取元素，将您的id作为父节点。很酷，汉？

var parent = document.getElementById('box_1'),
    children = parent.getElementsByTagName('li');
    // gets all children of parent

现在你只需要迭代孩子＆＃39; li＆＃39;节点

var i, e;
for (i = 0; i < children.length; ++i) {
    e = children[i];
    //do magic with e
}

Answer 2

您是否正在尝试抓取某个父母子女的所有li元素？

children = document.querySelectorAll('#box_1 li');