请教个问题:如何获取span内容并存到数组里_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:04:23
Original
1534 Leute haben es durchsucht

                        


                             

               

  •                 2  
                    United States
                

  •             

  •                 3  
                    Britain
                

  •             

  •                 4  
                    Germany
                

  •         

    
 
请教个问题,获取ul下li的值问题,我使用下面的代码获取到li值了,但包含着span呢,调试输出li内容时输出结果为:
4   Germany
其实我想获取到span里的内容,再去掉 后存到数组,也就是取出4、Germany存到数组。目前只会这些了,后面的不会了,请教下,这该怎么实现啊?

 var ulNode = document.getElementById("rightList");
  var childrens = ulNode.childNodes;
  var len = childrens.length;
  for(var i=0;i   {
      //alert(childrens[i].nodeName);
      //alert(childrens[i].innerHTML); //这两条语句是调试用的,想把span内容存到数组里,随表单提交,该怎么实现啊  
  }


回复讨论(解决方案)

<div id="sample_2" class="sampleDiv"><ul id="leftList">           <li class="simpleItem">                <span class="idCol">2  </span>                <span class="nameCol">United States</span>            </li>            <li class="simpleItem">                <span class="idCol">3  </span>                <span class="nameCol">Britain</span>            </li>            <li class="simpleItem">                <span class="idCol">4  </span>                <span class="nameCol">Germany</span>            </li>        </ul>    </div>     <script>        var lis = document.getElementById('leftList').getElementsByTagName('li');        var rst = [];        for (var i = 0; i < lis.length; i++) {            rst.push(lis[i].innerHTML.replace(/<[^>]+>| |\s/gi, ''));//用正则去掉html标签和 及空白内容        }        alert(rst.join('\n'))    </script>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage