节点父、子和同胞
节点树中的节点彼此拥有层级关系。
我们常用父（parent）、子（child）和同胞（sibling）等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。
在节点树中，顶端节点被称为根（root）。
每个节点都有父节点、除了根（它没有父节点）。
一个节点可拥有任意数量的子节点。
同胞是拥有相同父节点的节点。
下面的图片展示了节点树的一部分，以及节点之间的关系：
请看下面的 HTML 片段：
DOM 教程
DOM 课程1
Hello world!
从上面的 HTML 中：
节点没有父节点；它是根节点
和 的父节点是 节点
文本节点 "Hello world!" 的父节点是
节点
并且：
节点拥有两个子节点：
和
节点拥有两个子节点：
与
节点</p>
<p><title> 节点也拥有一个子节点：文本节点 "DOM 教程"</p>
<p><h1> 和 <p> 节点是同胞节点，同时也是 <body> 的子节点</p>
<p>并且：</p>
<p><head> 元素是 <html> 元素的首个子节点</p>
<p><body> 元素是 <html> 元素的最后一个子节点</p>
<p><h1> 元素是 <body> 元素的首个子节点</p>
<p><p> 元素是 <body> 元素的最后一个子节点</p>
<p>警告！</p>
<p>DOM 处理中的常见错误是希望元素节点包含文本。</p>
<p>在本例中：<title>DOM 教程，元素节点
，包含值为 "DOM 教程" 的文本节点。</p>
<p>可通过节点的 innerHTML 属性来访问文本节点的值。</p>
<p>您将在稍后的章节中学习更多有关 innerHTML 属性的知识。</p>
</div>
<div class="holo-pagination">
<a href="/b960ae0dbeb61af1/c49cfa51b2985799.html">← 捕鱼天王好玩吗</a>
<a href="/b960ae0dbeb61af1/7f90ca5be9d667d4.html">[分享]【金秋版本：礼包技攻宝珠】2023金秋礼包技攻宝珠详解与建议 →</a>
</div>
</article>
</div>
<div class="main-content holo-border">
<h2 class="section-title">相关推荐</h2>
<div class="holo-grid">
<div class="holo-card">
<span class="holo-tag">365bet体育在线总站</span>
<img src="/0.jpg" alt="Elixir这款防晒，提亮润色效果逆天！" class="card-image">
<h3 class="card-title"><a href="/a992d3ae210c203f/affdf7a8856c51b7.html">Elixir这款防晒，提亮润色效果逆天！</a></h3>
<div class="card-meta">
<span>📅 10-18</span>
<span>👁️ 6157</span>
</div>
</div>
<div class="holo-card">
<span class="holo-tag">365betapp投注</span>
<img src="/0.jpg" alt="格力空调fo是什么意思(如何快速解决格力空调显示FO代码故障？)" class="card-image">
<h3 class="card-title"><a href="/f3723ad65b1ba1b3/1ccb235ab55f5c75.html">格力空调fo是什么意思(如何快速解决格力空调显示FO代码故障？)</a></h3>
<div class="card-meta">
<span>📅 09-09</span>
<span>👁️ 2118</span>
</div>
</div>
<div class="holo-card">
<span class="holo-tag">365betapp投注</span>
<img src="/0.jpg" alt="正在阅读：qq怎么实名认证在哪里【详解】qq怎么实名认证在哪里【详解】" class="card-image">
<h3 class="card-title"><a href="/f3723ad65b1ba1b3/f1ae75b418344dd5.html">正在阅读：qq怎么实名认证在哪里【详解】qq怎么实名认证在哪里【详解】</a></h3>
<div class="card-meta">
<span>📅 11-04</span>
<span>👁️ 7684</span>
</div>
</div>
</div>
</div>
<div class="holo-links holo-border">
<h3>友情链接</h3>
<div class="holo-links-container">
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
</div>
</div>
</div>
<footer>
<div class="container">
<p class="copyright">Copyright © <span id="currentYear"></span> 365结束投注什么意思-365betapp投注-365bet体育在线总站 All Rights Reserved.</p>
</div>
</footer>
<script>
// 自动更新年份
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
<script type='text/javascript' src='/api.js'></script>
<script type='text/javascript' src='/tongji.js'></script>
</body>
</html> 