Home >Web Front-end >HTML Tutorial >I have a question: How to get span content and store it in an array_html/css_WEB-ITnose
1a4f2f1d92a54355d05d0e8df529f8dc
9f084618121db448cc460f0fb0db7be6
7ee9f39d8cecd0185fb69370066c0c03
03354e26b7bc2f0ba543fcdc8a51a4162 54bdf357c58b8a65c66d7c19c8e4d114
eb6d0feb7b9d658295aa069534167565United States54bdf357c58b8a65c66d7c19c8e4d114
bed06894275b65c1ab86501b08a632eb
7ee9f39d8cecd0185fb69370066c0c03
03354e26b7bc2f0ba543fcdc8a51a4163 54bdf357c58b8a65c66d7c19c8e4d114
eb6d0feb7b9d658295aa069534167565Britain54bdf357c58b8a65c66d7c19c8e4d114
bed06894275b65c1ab86501b08a632eb
7ee9f39d8cecd0185fb69370066c0c03
03354e26b7bc2f0ba543fcdc8a51a4164 54bdf357c58b8a65c66d7c19c8e4d114
eb6d0feb7b9d658295aa069534167565Germany54bdf357c58b8a65c66d7c19c8e4d114
bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68
请教个问题,获取ul下li的值问题,我使用下面的代码获取到li值了,但包含着span呢,调试输出li内容时输出结果为:
03354e26b7bc2f0ba543fcdc8a51a4164 54bdf357c58b8a65c66d7c19c8e4d114 eb6d0feb7b9d658295aa069534167565Germany54bdf357c58b8a65c66d7c19c8e4d114
其实我想获取到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>