javascript - 如何在javascript中获取所有li？

Question

<ul id="tab">
  <li onclick="clicker()" class="li01">one test</li>
  <li onclick="clicker()" class="li02">two test</li>
  <li onclick="clicker()" class="li03">three test</li>
  <div class="web_clear"></div>
</ul>
<div class="web_index">
  content....
</div>

我曾经document.getElementsByTagName("ul").childNodes;得到所有的li. 但它不起作用。

Answer 1

var list = document.getElementById('tab').getElementsByTagName('li');

Answer 2

document.getElementsByTagName("li")

这应该工作它将返回一个元素数组

Answer 3

您可以使用 getElementsByTagName() 来获取 NodeList 进行迭代，如下所示：

var list_li = document.getElementById("tab").getElementsByTagName("li");

Answer 4

您可以使用id

document.getElemensById("tab").childNodes;

或者如果它是唯一ul的

document.getElementsByTagName("ul")[0].childNodes;