DOM节点关系

Posted gaoxuerong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DOM节点关系相关的知识，希望对你有一定的参考价值。

<!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节点关系的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 将片段附加到DOM而不是每个节点。

将片段附加到DOM而不是每个节点。

DOM探索之基础详解——学习笔记

DOM节点关系

jacascript DOM节点——节点关系与操作

javascript学习笔记：DOM节点关系和操作