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