How to get all the li in javascript?

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>

I used document.getElementsByTagName("ul").childNodes; to get all the li. But it doesn't work.

try this document.getElementsByTagName("ul")[0].childNodes — Sushil
– Sushil, Commented Sep 13, 2012 at 8:14

Björn · Accepted Answer · 2012-09-13 08:14:11Z

1

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

answered Sep 13, 2012 at 8:14

Björn

29.4k9 gold badges67 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AboQutiesh · Accepted Answer · 2012-09-13 08:14:42Z

1

document.getElementsByTagName("li")

this should work it will return an array of elements

answered Sep 13, 2012 at 8:14

AboQutiesh

1,7162 gold badges9 silver badges14 bronze badges

Comments

Alessandro Minoccheri · Accepted Answer · 2012-09-13 08:14:49Z

1

You can get a NodeList to iterate through by using getElementsByTagName() , like this:

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

answered Sep 13, 2012 at 8:14

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

Comments

Clyde Lobo · Accepted Answer · 2012-09-13 08:15:23Z

0

You can use the id

document.getElemensById("tab").childNodes;

Or if its the only ul then

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

answered Sep 13, 2012 at 8:15

Clyde Lobo

9,1747 gold badges37 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to get all the li in javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related