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