一个一直没有明确答案的问题！

以下代码出现于《JavaScript高级程序设计》，我用firefox调试，当点击button时，没有任何反应，看错误信息时说SHOW_ELEMENT未定义！希望高手们指点，我曾问过做了两年多的js程序员，未果！
<!DOCTYPE HTML PUBLIC "-//W3C//DTuD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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);
var oOutput=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 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>