1. 爱易网页
  2. JavaSript
  3. 有关JS的NodeIterator解决思路

有关JS的NodeIterator解决思路

日期：2014-05-16　 浏览次数：20396 次

有关JS的NodeIterator
<html>
    <head>
        <script   type= "text/javascript ">
              var   iterator=null;
              function   makeList(){
                    var   oDiv=document.getElementById( "div1 ");
                    iterator=document.createNodeIterator(oDiv,NodeFilter.SHOW_ELEMENT,null,false);
                    varoOutput=document.getElementById( "text1 ");
                    var   oNode=iterator.nextNode();
                    while(oNode)   {
                        oOutput.value+=oNode.tagName+ "\n ";
                        oNode=iterator.nextNode();
                    }
              }
        </script>
    </head>
    <body>
        <div   id= "div1 ">
              <p> hello <b> world! </b> </p>
              <ul>
                    <li> List   item1 </li>
                    <li> List   item1 </li>
                    <li> List   item1 </li>
              </ul>
        </div>
        <textarea   rows= "10 "   cols= "40 "   id= "text1 "> </textarea>   <br   />
        <input   type= "button "   value= "Make   List "   onclick= "makeList() "   />  
    </body>
</html>
打开网页点击按钮，总说第11行NodeFilter未定义。请高手帮忙

------解决方案--------------------
要在firefox下测试，IE不支持这样的写法。
------解决方案--------------------
这是DOM Level2的功能，只有在Mozilla和Konqueror/Safari中才有。

相关资料更多>

  1. js有关问题总结
  2. JSP 去除缓存
  3. js 统制select 和 radio 赋值和并传值 和 验证电话，手机，邮箱，身份证
  4. 怎么调用这个内存变量
  5. 怎样在页面刷新时状态栏不显示蓝色的进度条？该如何处理
  6. 怎么改变input的style属性
  7. JS代码在火狐中不兼容，高手帮忙看一上
  8. 深入显出JavaScript （六）分析DOM模型
  9. js 获取途径