<html>
<head>
<title>NodeIterator Example</title>
<script type="text/javascript">
var iterator = null;
function makeList(){
var oDiv = document.getElementById("div1");
iterator = document.createNodeIterator(oDiv, NodeFilter.SHOW_ELEMENT, null, 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>