nodeiteratorexample2.htm

来自「这是javascript高级程序设计的源码」· HTM 代码 · 共 43 行

HTM

43 行

<html>
    <head>
        <title>NodeIterator Example</title>
        <script type="text/javascript">

           var iterator = null;

           function makeList() {
               var oDiv = document.getElementById("div1");
               var oFilter = new Object;
               oFilter.acceptNode = function (oNode) {
                   return (oNode.tagName == "P") ? 
                           NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
               };

               iterator = document.createNodeIterator(oDiv, NodeFilter.SHOW_ELEMENT, oFilter, false);
               //For Firefox: iterator = document.createTreeWalker(oDiv, NodeFilter.SHOW_ELEMENT, oFilter, false);
               var oOutput = document.getElementById("text1");
               var oNode = iterator.nextNode();
               while (oNode) {
                   oOutput.value += oNode.tagName + "\n";
                   oNode = iterator.nextNode();
               }

           }

        </script>
    </head>
    <body>
        <p><strong>Note:</strong> The <code>NodeIterator</code> object has only been implemented in Opera (version 7.6 and higher) and Safari (version 1.3 and higher). It has not been implemented in Internet Explorer or Firefox (so this example won't work). In Firefox, you can use the <code>TreeWalker</code> instead.</p>
        <div id="div1">
            <p>Hello <b>World!</b></p>
            <ul>
                <li>List item 1</li>
                <li>List item 2</li>
                <li>List item 3</li>
            </ul>
        </div>
        <textarea rows="10" cols="40" id="text1"></textarea><br />
        <input type="button" value="Make List" onclick="makeList()" />
    </body>
</html>

nodeiteratorexample2.htm - 源码说明

本页面展示了「这是javascript高级程序设计的源码」中的 nodeiteratorexample2.htm 源码文件，采用 HTM 编程语言编写，共 43 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?