js测试属性节点，明明有，却弹出来一个0，，用的childNodes

悬赏园豆：10 [已解决问题] 解决于 2014-12-06 11:59

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>无标题文档</title>
 6 <script>
 7 window.onload=function (){
 8     var wrap=document.getElementsByTagName('body')[0];
 9     var str=wrap.childNodes;
10     var oEle=[];
11     var oTxt=[];
12     var oAtt=[];
13     function get(){
14         for(var i=0;i<str.length;i++){
15             if(str[i].nodeType==1){
16                 oEle.push(str[i]);    
17             }else if(str[i].nodeType==3){
18                 oTxt.push(str[i]);    
19             }else if(str[i].nodeType==2){
20                 oAtt.push(str[i]);    
21             }    
22         }
23         return oEle;
24     }
25     get();
26     alert('我是元素节点'+oEle+'我的长度是'+oEle.length);
27     alert('我是文本节点'+oTxt+'我的长度是'+oTxt.length);
28     alert('我是属性节点'+oAtt+'我的长度是'+oAtt.length);
29     
30 }
31 </script>
32 </head>
33 
34 <body>
35 <h1>太小瞧我哪里</h1>
36 <p id="red" title="我是">我是红色</p>
37 
38 <ul>
39     <li>嘻嘻</li>
40     <li>哈哈</li>
41     <li>呵呵</li>
42 </ul>
43 
44 
45 </body>
46 </html>