读取标记“li”中的值并使用Javascript保存在数组中 [英] read value in tag "li" and save in array with Javascript

问题描述

您好，



我想读取标签中的值< ul>< li>< / li>< / ul>使用JavaScript，然后将值保存在数组中。我不想使用jQuery。



例如：

< ul> 
< li> 1 < /   li  >  
< li> 2 < /   li  >  
< li> 3 < /   li  >  
 < /   ul  >  
 
现在我的数组是：
 arr [ 0 ] ==  1 ; 
 arr [ 1 ] ==  2 ; 
 arr [ 2 ] ==  3 ; 

如何编写此脚本？

解决方案

使用以下内容：

  var  list = document.getElementById（'  ulid'）; 
  var  list_items = list.getElementsByTagName（  li）; 

如果您的HTML只有一个UL标签作为示例代码，这将适合您。否则你需要根据你的需要修改它

  var  ul =  document  .getElementsByTagName（'  ul' ）; 
  var  li = ul [ 0 ]。getElementsByTagName（'  li'）; 
  var  array =  new  数组（）; 
  for （ var  i =  0 ; i< li.length; i ++）{
 array.push（li [i] .innerText）
} 
 alert（array）; 

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:

<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?

解决方案

Use something like this:

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

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

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);

这篇关于读取标记“li”中的值并使用Javascript保存在数组中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！