遍历所有节点的nodeName、nodeValue和nodeType实例
<body>
<div align="center">
用户名:<input type="text" name="uname">
</div>
</body>
</html>
<script type="text/javascript">
<!--
//当窗口加载完毕之后触发匿名函数
window.οnlοad=function(){
//document文档
//获取从哪里开始的节点---根节点
var htmlNode=document.documentElement;
//遍历此文档
iteratorNode(htmlNode);
//打印出结果
document.write(msg);
}
function iteratorNode(node){
//判断是否是元素节点-------属性、子节点
if(node.nodeType==1){
//打印此节点
display(node);
//元素的属性节点
for(var i=0;i<node.attributes.length;i++){
//获取属性节点
var attr=node.attributes[i];
//判断此属性是否存在,如果存在返回真,如果不存在返回假
if(attr.specified){
//打印属性节点
display(attr);
}
}
//元素节点的子节点
//判断是否有子节点
if(node.hasChildNodes()){
//获取所有的子节点
var sonNodes=node.childNodes;
//遍历所有的孩子节点
for(var j=0;j<sonNodes.length;j++){
//得到获取的子节点
var sonNode=sonNodes[j];
iteratorNode(sonNode)
}
}
}else{
display(node);
}
}
var msg="";
function display(node){
msg+="</br>节点的名称:"+node.nodeName+"----节点的val;ue值:"+node.nodeValue+"-----节点的类型:"+node.nodeType;
}
//-->
</script>