遍历子节点取值的问题

Question

<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的值存入数组的一条记录，要如何实现？

Answer 1

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