read value in tag "li" and save in array with Javascript

Question

2.00/5 (1 vote)

See more:

Hello,

I want to read the values in tags <ul><li></li></ul> with JavaScript, and then save the values in an array. I don't want to use jQuery.

for example:

JavaScript

<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>

now my array is :
arr[0]==1;
arr[1]==2;
arr[2]==3;

How can I write this script?

Posted 24-Jan-14 8:40am

NorouziFar

Updated 24-Jan-14 15:08pm

Mitchell J.

v2

Add a Solution

2 solutions

Solution 1

Use something like this:

C#

var list = document.getElementById('ulid');
var list_items = list.getElementsByTagName("li");

Posted 24-Jan-14 11:06am

fixthebugg

Comments

NorouziFar 25-Jan-14 0:14am

give me this error in F12(browser): TypeError: list is null

please give me full example

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2014-01-24T15:02:00

Solution 2

If your HTML only only one UL Tag as your sample code, this will work for you. else you need to modify it according to your need

JavaScript

var ul = document.getElementsByTagName('ul');
            var li = ul[0].getElementsByTagName('li');
            var array = new Array();
            for (var i = 0; i < li.length; i++) {
                array.push(li[i].innerText)
            }
            alert(array);

Posted 24-Jan-14 15:02pm

Karthik_Mahalingam

Comments

NorouziFar 25-Jan-14 0:15am

give me this error in F12(browser): TypeError: ul[0] is undefined

please give me full example

Karthik_Mahalingam 25-Jan-14 0:57am

Will give you after sometime,
now i am away from pc
- mobile

Karthik_Mahalingam 25-Jan-14 4:42am

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<script src="jquery.js.js"></script>
<script type="text/javascript">

$(function () {

var ul = document.getElementsByTagName('ul');
var li = ul[0].getElementsByTagName('li');
var array = new Array();
for (var i = 0; i < li.length; i++) {
array.push(li[i].innerText)
}
alert(array);
debugger;

});

</script>
</head>
<body>
<form id="form1" runat="server">

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

</form>

</body>
</html>

NorouziFar 25-Jan-14 11:13am

tankyou but you use jquery==$

Karthik_Mahalingam 25-Jan-14 11:29am

no NorouziFar
it is not jquery
its a javascript
even if you remove this line " <script src="jquery.js.js"></script> " it will work :)