码迷,mamicode.com
首页 > 其他好文 > 详细

DOM节点关系

时间:2017-11-08 15:05:33      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:html   title   next   nbsp   har   child   bbb   nod   previous   

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>DOM节点关系</title>
	</head>
	<body>
		<p id="s"><span id="ss">b</span><a id="sss">b</a></p>
	</body>
	
	<script type="text/javascript">
		var s=document.getElementById(‘s‘);
		var ss=document.getElementById(‘ss‘);
		var sss=document.getElementById(‘sss‘);
		var a=s.childNodes.item(0)
		var aa=s.childNodes.item(1);
		var b=s.parentNode;
		var bb=ss.parentNode;
		var bbb=sss.parentNode;
		var c=ss.previousSibling;
		var cc=ss.nextSibling;
		var d=ss.ownerDocument;//该属性指向表示整个文档的文档节点
		
		console.log(a);
		console.log(aa);
		console.log(b);
		console.log(bb);
		console.log(bbb);
		console.log(c);
		console.log(cc);
		console.log(d);
	</script>
</html>

 

DOM节点关系

标签:html   title   next   nbsp   har   child   bbb   nod   previous   

原文地址:http://www.cnblogs.com/gaoxuerong123/p/7803634.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!