div动态获取子节点的值

<body><div id=div2> 
    <span>1 </span> 
    <span>2 </span> 
    <span>3 </span> 
    <span>4 </span> 
    </div> </body>
<script>
 var  div=document.getElementById("div2")
  for(var i=0;i<div.getElementsByTagName("span").length;i++)
  {alert(div.getElementsByTagName("span")[i].innerHTML)}
</script>

解决方案 »

  1.   

    <div id=div2> 
        <span>1 </span> 
        <span>2 </span> 
        <span>3 </span> 
        <span><span>4</span></span> 
        
        </div> <script>
       var div = document.getElementById('div2'), spans = [];
       for(var s = div.firstChild; s!=null; s = s.nextSibling)
    if(s.nodeType == 1) spans.push(s);
    alert(spans.length); // 4
    </script>
      

  2.   

    <div id=div2> 
        <span>1 </span> 
        <span>2 </span> 
        <span>3 </span> 
        <span><span>4</span></span> 
        
        </div> <script>
       var div = document.getElementById('div2'), spans = [];
       for(var s = div.firstChild; s!=null; s = s.nextSibling)
            if(s.nodeType == 1) spans.push(s);
        alert(spans.length); // 4
    </script>