Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-06-24 12:04:23
original
1493 Les gens l'ont consulté

                        


                             

               

  •                 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>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!