javascript - 遍历子节点取值的问题

问题描述

问 题

<div id="one">
    <div><span>A</span><input name="optionscontent" type="text" style="width:200px"/><input name="right" type="radio"/></div>
    <div><span>B</span><input name="optionscontent" type="text" style="width:200px"/><input name="right" type="radio"/></div>
    <div><span>C</span><input name="optionscontent" type="text" style="width:200px"/><input name="right" type="radio"/></div>
</div>

想要取到id为one的div下的子节点,并将该子节点的子节点span,input,radio的值存入数组的一条记录，要如何实现？

解决方案

var divEles = document.getElementById('one').children,
    list = [];

for (var i = 0, len = divEles.length; i < len; i++) {
  var obj = {};
  obj.text = divEles[i].firstChild.textContent;
  obj.optionscontent = divEles[i].getElementsByTagName('input')[0].value;
  obj.right = divEles[i].getElementsByTagName('input')[1].value;
  list.push(obj);
}

这篇关于javascript - 遍历子节点取值的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！