把html转换成节点类型,查找HTML下所有的节点名称，节点类型，节点值，所有节点的属性名称类型值...

3,查找结果如下:

节点名称：HTML,节点类型：1,节点值：null节点名称：HEAD,节点类型：1,节点值：null节点名称：#text,节点类型：3,节点值：没有孩子节点

节点名称：TITLE,节点类型：1,节点值：null节点名称：#text,节点类型：3,节点值：js1.html没有孩子节点

看：：：1节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：META,节点类型：1,节点值：null没有孩子节点

节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：META,节点类型：1,节点值：null没有孩子节点

节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：META,节点类型：1,节点值：null没有孩子节点

节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：#comment,节点类型：8,节点值：没有孩子节点

节点名称：#text,节点类型：3,节点值：没有孩子节点

节点名称：SCRIPT,节点类型：1,节点值：null没有孩子节点

节点名称：#text,节点类型：3,节点值： 没有孩子节点

看：：：13节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：BODY,节点类型：1,节点值：null节点名称：#text,节点类型：3,节点值： 没有孩子节点

节点名称：H1,节点类型：1,节点值：null节点名称：#text,节点类型：3,节点值：哈哈哈没有孩子节点

看：：：1节点名称：#text,节点类型：3,节点值： 没有孩子节点

看：：：3看：：：3

另一种写法：

1，don1.js

//当窗体加载完毕，触发匿名对象

window.οnlοad=function(){

//DOM对象

//获取的是根节点html

var dom=document.documentElement;//节点node

//遍历所有的节点

itertorNodes(dom);

//写一个属性节点

//document.getElementByIdx_x_x("xy");

};

function itertorNodes(dom){

//节点名称 节点类型 节点值

document.write("节点名称："+dom.nodeName+",节点类型："+dom.nodeType+",节点值："+dom.nodeValue);

//遍历属性

itertorNodeAttr(dom);

//首先要判断是否有孩子节点

if(dom.hasChildNodes()){

//获取该节点的孩子节点

var nodes=dom.childNodes;

for(var i=0;i

var

cnode=nodes.item(i);

itertorNodes(cnode);

}

}else{

document.write("没有孩子节点"+"

");

}

}

function itertorNodeAttr(elementNode){

//判断是否是元素节点

if(elementNode.nodey==1){

//获取节点属性

var

attrs=elementNode.attributes;

//遍历

for(var

j=0;j

var

attr=attrs.item(j);

document.write("节点名称："+attr.nodeName+",节点类型："+attr.nodeType+",节点值："+attr.nodeValue);

}

}

}