<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="one">
<input type="text" value="请输入" id="uname">
</div>
</body>
</html>
<script type="text/javascript">
<!--
window.onload = function(){
//根节点
var doc = document.documentElement;
alert(doc.nodeName);
if (doc.hasChildNodes()) {
var sonNodes = doc.childNodes;
for (var i = 0; i < sonNodes.length; i++) {
alert(sonNodes[i].nodeName);
}
//第一个子节点
var firstChildNodes = doc.firstChild;
if (firstChildNodes.hasChildNodes()) {
var grandsonNodes = firstChildNodes.childNodes;
for (var i = 0; i < grandsonNodes.length; i++) {
alert(grandsonNodes[i].nodeName);
}
//遍历孙子节点
var firstGrandsonNodes = firstChildNodes.firstChild;
var fgNNodes = firstGrandsonNodes.nextSibling;
if (fgNNodes.hasAttributes()) {
var fgAttrs = fgNNodes.attributes;
for (var i = 0; i < fgAttrs.length; i++) {
alert(fgAttrs[i].nodeName);
}
}
var lastGrandsonNodes = firstChildNodes.lastChild;
var lcPNodes = lastGrandsonNodes.previousSibling;
if (lcPNodes.hasChildNodes()) {
var sssNodes = lcPNodes.childNodes;
for (var i = 0; i < sssNodes.length; i++) {
alert(sssNodes[i].nodeName);
}
}
}
//最后一个子节点
var listChildNodes = doc.lastChild;
if (listChildNodes.hasChildNodes()) {
var lgNodes = listChildNodes.childNodes;
for (var i = 0; i < lgNodes.length; i++) {
alert(lgNodes[i].nodeName);
}
//遍历子节点的属性节点
var lastChildNodes = listChildNodes.firstChild;
var lcNodes = lastChildNodes.nextSibling;
if (lcNodes.hasAttributes()) {
var lcAttrs = lcNodes.attributes;
for (var i = 0; i < lcAttrs.length; i++) {
alert(lcAttrs[i].nodeName);
}
if (lcNodes.hasChildNodes()) {
var lgNodes = lcNodes.childNodes;
//alert(lcNodes.nodeName);//DIV
for (var i = 0; i < lgNodes.length; i++) {
alert(lgNodes[i].nodeName);
}
var lfgNodes = lcNodes.firstChild;
var lfgNNodes = lfgNodes.nextSibling;
if (lfgNNodes.hasAttributes()) {
var lgAttrs = lfgNNodes.attributes;
for (var i = 0; i < lgAttrs.length; i++) {
alert(lgAttrs[i].nodeName);
}
}
}
}
}
}
}
//-->
</script>