如何在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;