输出页面中指定的标签 

 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=UTF-8" />
 5     <title>Example</title>
 6 </head>
 7 <body>
 8     <div id="div1">
 9         <p><b>Hello</b> world!</p>
10         <ul>
11             <li>List item 1</li>
12             <li>List item 2</li>
13             <li>List item 3</li>
14         </ul>
15     </div>
16     <script type="text/javascript" src="test16.js"></script>
17 </body>
18 </html>
 1 var div = document.getElementById("div1");
 2 var filter = function(node) {
 3         return (node.tagName.toLowerCase() == "li") ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
 4     };
 5 
 6 var iterator = document.createTreeWalker(div, NodeFilter.SHOW_ELEMENT, filter, false);
 7 
 8 var node = iterator.nextNode();
 9 while (node !== null) {
10     console.log(node.tagName);
11     node = iterator.nextNode();
12 }

IE9以下还是不认 NodeFilter

posted @ 2012-05-19 11:34  小猩猩君  阅读(153)  评论(0)  编辑  收藏  举报