javascript – 动态读取div的所有跨度

前端之家收集整理的这篇文章主要介绍了javascript – 动态读取div的所有跨度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div里面,我有多个跨度.现在我想阅读所有跨度的所有文本以及thrir id并将其填充到 javascript地图中,其中key = spanid和value =“span of text.How我能做到吗?
  1. Eg <div mydiv="xyx" >
  2. <span id ="sp1" > M/span>
  3. <span id ="sp2" > M/span>
  4. ....
  5. ..
  6.  
  7. </div>

我如何填充地图?

解决方法

您可以使用document.getElementById和document.getElementsByTagName获取元素,然后遍历它们并将它们添加到对象中.使用 textContent and innerText获取span元素的文本,并将它们插入到对象中,如下所示:
  1. var spans = document.getElementById('xyx').getElementsByTagName('span'),obj = {};
  2.  
  3. for(var i = 0,l = spans.length; i < l; i++){
  4. obj[spans[i].id] = spans[i].textContent || spans[i].innerText;
  5. }

看到它在这里工作:http://www.jsfiddle.net/SJs4h/

猜你在找的JavaScript相关文章