javascript DOM 节点 第18节 

<html>
<head>
	<title>DOM对象</title>
	</head><body><div >DOM对象</div>
		1.DOM节点</br>
			<script type="text/javascript">
				var root = document.documentElement;
				// var oHead = root.firstChild;
				//var oHead = root.childNodes[0];
				var oHead = root.childNodes.item(0);

				//var oBody = root.lastChild;
				var oBody = root.childNodes[1];
				document.write("根节点 : ", root.nodeName ,"</br>");
				document.write("头节点 : ", oHead.nodeName ,"</br>");
				document.write("文档节点 : ", oBody.nodeName ,"</br>");
				document.write("子节点数量 : ", root.childNodes.length ,"</br>");
				/*
				var arr = root.childNodes;
				for(var i = 0; i < arr.length; i++) {
				  document.write("文档节点 : ", arr[i].nodeName ,"</br>");
				}
				*/

				document.write("body子节点数量 : ", oBody.childNodes.length ,"</br>");
				document.write("标题 : ", oBody.childNodes[0].firstChild.nodeValue ,"</br>");
			</script>			
		2.DOM节点关系</br>
			<script type="text/javascript">

				document.write("父节点 : ", root  == oHead.parentNode ,"</br>");
				document.write("父节点 : ", oBody  == oHead.parentNode ,"</br>");
				document.write("前节点 : ", oHead == oBody.previousSibling ,"</br>");
				document.write("前节点 : ", oBody == oHead.previousSibling ,"</br>");
				document.write("后节点 : ", oBody == oHead.nextSibling ,"</br>");				  

			</script>			
		</body>
</html>

 rs:

posted @ 2015-08-19 16:43  影分身  阅读(140)  评论(0)    收藏  举报