DOM对象的概念是什么
发表于：2025-01-23 作者：千家信息网编辑
千家信息网最后更新 2025年01月23日，今天小编给大家分享一下DOM对象的概念是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一
千家信息网最后更新 2025年01月23日DOM对象的概念是什么<title></p><p> <body></p><p> <h2>php中文网</h2></p><p> <p>php中文网成立.....</p></p><p> </body></p><p> </html></p><p> 在DOM中，每一个元素看成一个节点，而每一个节点就是一个"对象"。也就是我们在操作元素时，把每一个元素节点看成一个对象，然后使用这个对象的属性和方法进行相关操作。（这句话对理解DOM操作太重要了）。</p><p> 下面我们介绍几个关于节点的概念。</p><p> 1、根节点</p><p> 在HTML文档中，html就是根节点。</p><p> 2、父节点</p><p> 一个节点之上的节点就是该节点的父节点，例如h2的父节点就是body，body的父节点就是html。</p><p> 3、子节点</p><p> 一个节点之下的节点就是该节点的子节点，例如h2就是body的子节点。</p><p> 4、兄弟节点</p><p> 如果多个节点在同一层次，并拥有相同的父节点，那么这几个节点就是兄弟节点。</p><p> 例如h2和p就是兄弟节点，因为他们拥有相同的父节点body。<br><br><br><img src='https://www.aqdb.cn/uploadfile/2c/1d9a4d2b.jpg' /><br></p><p class="introduction">以上就是"DOM对象的概念是什么"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。</p>
</div>
<div class="diggit"><a href="#"> 很赞哦！ </a></div>
<div class="clear"></div>
<div class="keywords">
<a href="/s-节点">节点</a>
<a href="/s-就是">就是</a>
<a href="/s-元素">元素</a>
<a href="/s-对象">对象</a>
<a href="/s-文档">文档</a>
<a href="/s-模型">模型</a>
<a href="/s-知识">知识</a>
<a href="/s-篇文章">篇文章</a>
<a href="/s-概念">概念</a>
<a href="/s-兄弟">兄弟</a>
<a href="/s-内容">内容</a>
<a href="/s-结构">结构</a>
<a href="/s-页面">页面</a>
<a href="/s-相同">相同</a>
<a href="/s-中文网">中文网</a>
<a href="/s-中文">中文</a>
<a href="/s-学习">学习</a>
<a href="/s-不同">不同</a>
<a href="/s-很大">很大</a>
<a href="/s-重要">重要</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377745.html">数据库的安全要保护哪些东西</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2375887.html">数据库安全各自的含义是什么</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377880.html">生产安全数据库录入</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377879.html">数据库的安全性及管理</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377878.html">数据库安全策略包含哪些</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377877.html">海淀数据库安全审计系统</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377876.html">建立农村房屋安全信息数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377875.html">易用的数据库客户端支持安全管理</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377874.html">连接数据库失败ssl安全错误</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377873.html">数据库的锁怎样保障安全</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-624531.html">足球经理数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1229042.html">蓝块网络技术有限公司</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-525470.html">狗易的服务器视频教程</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2194529.html">新乡t3财务软件开发</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1454647.html">大马跟小马的区别网络安全</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-950433.html">引用网址数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1899935.html">安卓9.0软件开发</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1348277.html">慧桥通信网络技术培训中心</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-134604.html">微盟服务器</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-798634.html">数据库原理及应用属于科技类吗</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1851248.html">网络安全中专可以就业吗</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-533594.html">浪潮服务器加盘图解</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1868238.html">用友软件开发</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2177931.html">荧光pcr分析软件开发</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-310431.html">国产服务器运维</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-547629.html">本地服务器怎么接入大屏</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-820025.html">olap数据库选哪个</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-202906.html">ibm邮件服务器</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1311251.html">计算机网络技术高校专业排位</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-1964715.html">无锡参考软件开发记录</a>
<a target="_blank" href="https://www.qianjiagd.com/s-管家婆服务器对网速要求">管家婆服务器对网速要求</a>
<a target="_blank" href="https://www.qianjiagd.com/s-河北承德服务器">河北承德服务器</a>
<a target="_blank" href="https://www.qianjiagd.com/s-网络技术成绩等级">网络技术成绩等级</a>
<a target="_blank" href="https://www.qianjiagd.com/s-数据库连接池怎么使用">数据库连接池怎么使用</a>
<a target="_blank" href="https://www.qianjiagd.com/s-数据库2012jdbc">数据库2012jdbc</a>
<a target="_blank" href="https://www.qianjiagd.com/s-手机应用后台服务器泄密">手机应用后台服务器泄密</a>
<a target="_blank" href="https://www.qianjiagd.com/s-网络安全截获属于被动攻击的是">网络安全截获属于被动攻击的是</a>
<a target="_blank" href="https://www.qianjiagd.com/s-六因素六水平几组数据库">六因素六水平几组数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/s-北京软件开发人员 待遇">北京软件开发人员 待遇</a>
<a target="_blank" href="https://www.qianjiagd.com/s-sql2008链接服务器">sql2008链接服务器</a>
</div>
<div class="share"><img src="https://www.qianjiagd.com/static/zsymb/images/wxgzh.jpg">
<div class="share-text">
<p>扫描关注千家信息网微信公众号，第一时间获取内容更新动态</p>
<p>转载请说明来源于"千家信息网"</p>
<p>本文地址：<a href="https://www.qianjiagd.com/a13630" target="_blank">https://www.qianjiagd.com/a13630</a></p>
</div>
</div>
<div class="clear"></div>
<div class="info-pre-next">
<ul>
<li><a href="https://www.qianjiagd.com/a13628"><i><em>上一篇</em><img src="https://www.qianjiagd.com/static/assets/images/nopic.gif"></i>
<h2>javascript怎么实现下载</h2>
<p>这篇文章将为大家详细讲解有关javascript怎么实现下载，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。javascript实现下载的常用方案：1、使用a标签创建</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a13631"><i><em>下一篇</em><img src="https://www.qianjiagd.com/static/assets/images/nopic.gif"></i>
<h2>J2EE Weblogic服务的有哪些</h2>
<p>这篇文章的内容主要围绕J2EE Weblogic服务的有哪些进行讲述，文章内容清晰易懂，条理清晰，非常适合新手学习，值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获！J</p>
</a></li>
</ul>
</div>
</div>
</div>
<div class="clear blank"></div>
<div class="otherlink whitebg">
<div class="news-title">
<h2>相关文章</h2>
</div>
<ul>
<li><a href="https://www.qianjiagd.com/a177928" title="PHP中session会话操作技巧有哪些">PHP中session会话操作技巧有哪些</a></li>
<li><a href="https://www.qianjiagd.com/a146158" title="PHP类相关知识点有哪些">PHP类相关知识点有哪些</a></li>
<li><a href="https://www.qianjiagd.com/a123341" title="VS2008无法直接查看STL值怎么办">VS2008无法直接查看STL值怎么办</a></li>
<li><a href="https://www.qianjiagd.com/a245815" title="php版微信公众平台之微信网页登陆授权的示例分析">php版微信公众平台之微信网页登陆授权的示例分析</a></li>
<li><a href="https://www.qianjiagd.com/a201934" title="中高级PHP程序员应该掌握什么技术">中高级PHP程序员应该掌握什么技术</a></li>
<li><a href="https://www.qianjiagd.com/a63118" title="CI框架出现mysql数据库连接资源无法释放怎么办">CI框架出现mysql数据库连接资源无法释放怎么办</a></li>
<li><a href="https://www.qianjiagd.com/a37602" title="ajax跨域访问报错501怎么办">ajax跨域访问报错501怎么办</a></li>
<li><a href="https://www.qianjiagd.com/a106909" title="什么是RPC框架">什么是RPC框架</a></li>
<li><a href="https://www.qianjiagd.com/a157266" title=".net mvc超过了最大请求长度怎么办">.net mvc超过了最大请求长度怎么办</a></li>
<li><a href="https://www.qianjiagd.com/a213044" title="php分页原理的示例分析">php分页原理的示例分析</a></li>
<!-- <li><a target="_blank" href="/">制作是这么收费的？</a></li> -->
</ul>
</div>
</div> <!-- . end of left-box -->
<!-- right aside start-->
<aside class="side-section right-box">
<div class="side-tab">
<ul id="sidetab">
<li class="sidetab-current">站长推荐</li>
<li>点击排行</li>
</ul>
<div id="sidetab-content">
<section>
<div class="tuijian">
<section class="topnews imgscale"><a href="https://www.qianjiagd.com/a622964" title="recovery是什么意思?电脑开机重启显示recovery蓝屏怎么办"><img src="https://www.qianjiagd.com/uploadfile/thumb/a87ff679a2f3e71d9181a67b7542122c/278x185_auto.jpg" alt="recovery是什么意思?电脑开机重启显示recovery蓝屏怎么办"><span>recovery是什么意思?电脑开机重启显示recovery蓝屏怎么办</span></a></section>
<ul>
<li><a href="https://www.qianjiagd.com/a67182" title="怎么在Linux中配置SSH和Xshell远程连接服务器"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/9a/65e9dcdf.jpg" alt="怎么在Linux中配置SSH和Xshell远程连接服务器"></i>
<p>怎么在Linux中配置SSH和Xshell远程连接服务器</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a123341" title="VS2008无法直接查看STL值怎么办"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/52/bf79ba42.jpg" alt="VS2008无法直接查看STL值怎么办"></i>
<p>VS2008无法直接查看STL值怎么办</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a106909" title="什么是RPC框架"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/10/d0f5142a.jpg" alt="什么是RPC框架"></i>
<p>什么是RPC框架</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a157266" title=".net mvc超过了最大请求长度怎么办"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/36/6d16d7e5.jpg" alt=".net mvc超过了最大请求长度怎么办"></i>
<p>.net mvc超过了最大请求长度怎么办</p>
</a></li>
</ul>
<section class="topnews imgscale"><a href="https://www.qianjiagd.com/a244736" title="java怎么实现try/catch异常块"><img src="https://www.qianjiagd.com/uploadfile/thumb/15/9878a9c6.jpg" alt="java怎么实现try/catch异常块"><span>java怎么实现try/catch异常块</span></a></section>
<ul>
<li><a href="https://www.qianjiagd.com/a199222" title="PHP中如何处理上传文件"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/ee/203d504b.jpg" alt="PHP中如何处理上传文件"></i>
<p>PHP中如何处理上传文件</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a184615" title="php中require_once报错的解决方法"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/ef/e0177085.jpg" alt="php中require_once报错的解决方法"></i>
<p>php中require_once报错的解决方法</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a192541" title="PHP如何编写学校网站上新生注册登陆程序"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/a1/0898126a.jpg" alt="PHP如何编写学校网站上新生注册登陆程序"></i>
<p>PHP如何编写学校网站上新生注册登陆程序</p>
</a></li>
<li><a href="https://www.qianjiagd.com/a210747" title="php中微信公众号开发模式的示例分析"><i><img src="https://www.qianjiagd.com/uploadfile/thumb/af/9e9aba9a.jpg" alt="php中微信公众号开发模式的示例分析"></i>
<p>php中微信公众号开发模式的示例分析</p>
</a></li>
</ul>
</div>
</section>
<section>
<div class="paihang">
<section class="topnews imgscale"><a href="https://www.qianjiagd.com/a21343" title="在vmware esxi6.5中将硬盘驱动类型由HDD变为SSD类型"><img src="https://www.qianjiagd.com/uploadfile/thumb/ab/08b16e75.jpg" alt="在vmware esxi6.5中将硬盘驱动类型由HDD变为SSD类型"><span>在vmware esxi6.5中将硬盘驱动类型由HDD变为SSD类型</span></a></section>
<ul>
<li><i></i><a href="https://www.qianjiagd.com/a175843" title="Vue中的匿名插槽与具名插槽是什么">Vue中的匿名插槽与具名插槽是什么</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a114973" title="vue3与vue2的区别以及vue3的API用法介绍">vue3与vue2的区别以及vue3的API用法介绍</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a27254" title="录制的横屏视频怎么变成全屏竖屏（录制的横屏怎么变竖屏）">录制的横屏视频怎么变成全屏竖屏（录制的横屏怎么变竖屏）</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a69563" title="qq群作业里为什么图片上传不了（qq群作业照片传不上去）">qq群作业里为什么图片上传不了（qq群作业照片传不上去）</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a71754" title="vscoder如何关闭错误提示">vscoder如何关闭错误提示</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a36693" title="百度网盘PDF怎么转换成Word格式 PDF转Word操作教程">百度网盘PDF怎么转换成Word格式 PDF转Word操作教程</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a15469" title="老年机号码拉黑怎么解除（老年机号码拉黑怎么解除）">老年机号码拉黑怎么解除（老年机号码拉黑怎么解除）</a></li>
<li><i></i><a href="https://www.qianjiagd.com/a85246" title="京东以旧换新评估价和实际一样吗（京东以旧换新估价和成交价一样吗）">京东以旧换新评估价和实际一样吗（京东以旧换新估价和成交价一样吗）</a></li>
</ul>
<section class="topnews imgscale"><a href="https://www.qianjiagd.com/a13935" title="拼多多注销后可以重开新用户吗（拼多多注销后重开算新用户吗）"><img src="https://www.qianjiagd.com/uploadfile/thumb/0a/8e8c068e.jpg" alt="拼多多注销后可以重开新用户吗（拼多多注销后重开算新用户吗）"><span>拼多多注销后可以重开新用户吗（拼多多注销后重开算新用户吗）</span></a></section>
</div>
</section>
</div>
</div>
<div class="whitebg cloud">
<h2 class="side-title">标签云</h2>
<ul>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377745.html">数据库的安全要保护哪些东西</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2375887.html">数据库安全各自的含义是什么</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377880.html">生产安全数据库录入</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377879.html">数据库的安全性及管理</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377878.html">数据库安全策略包含哪些</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377877.html">海淀数据库安全审计系统</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377876.html">建立农村房屋安全信息数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377875.html">易用的数据库客户端支持安全管理</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377874.html">连接数据库失败ssl安全错误</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377873.html">数据库的锁怎样保障安全</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377872.html">数据库安全章节测试</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377871.html">华大基因数据库安全性</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377870.html">数据库es安全性测试工具</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377869.html">数据库与云安全</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377868.html">微生物安全数据库</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377867.html">数据库个人信息安全吗</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377866.html">安全数据库降级</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377865.html">黑龙江数据库安全防护系统</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377864.html">数据库安全性实验例题</a>
<a target="_blank" href="https://www.qianjiagd.com/tag-2377863.html">在国家公共安全数据库有记录</a>
</ul>
</div>
<div class="clear blank"></div>
<div class="whitebg suiji">
<h2 class="side-title">猜你喜欢</h2>
<ul>
<li><a href="https://www.qianjiagd.com/a29879" title="微信登录加载联系人失败怎么弄（微信加载联系人失败 点击重试）">微信登录加载联系人失败怎么弄（微信加载联系人失败 点击重试）</a></li>
<li><a href="https://www.qianjiagd.com/a63090" title="华为手机按键震动在哪设置关掉 按键振动怎么取消方法">华为手机按键震动在哪设置关掉 按键振动怎么取消方法</a></li>
<li><a href="https://www.qianjiagd.com/a73496" title="陌陌无限注册教程（怎么注册陌陌新号）">陌陌无限注册教程（怎么注册陌陌新号）</a></li>
<li><a href="https://www.qianjiagd.com/a206293" title="win10开机蓝屏终止代码SYSTEM_SERVICE_EXCEPTION的解决方法">win10开机蓝屏终止代码SYSTEM_SERVICE_EXCEPTION的解决方法</a></li>
<li><a href="https://www.qianjiagd.com/a71928" title="微信看不到朋友圈不显示一条横线（微信看不到朋友圈只有一条横线）">微信看不到朋友圈不显示一条横线（微信看不到朋友圈只有一条横线）</a></li>
<li><a href="https://www.qianjiagd.com/a123341" title="VS2008无法直接查看STL值怎么办">VS2008无法直接查看STL值怎么办</a></li>
<li><a href="https://www.qianjiagd.com/a173126" title="快影怎么把视频弄成横屏播放 制作方法分享">快影怎么把视频弄成横屏播放 制作方法分享</a></li>
<li><a href="https://www.qianjiagd.com/a22324" title="拼多多的多多支付怎么解绑银行卡（拼多多的多多支付怎么解绑银行卡）">拼多多的多多支付怎么解绑银行卡（拼多多的多多支付怎么解绑银行卡）</a></li>
<li><a href="https://www.qianjiagd.com/a99782" title="怎么将苹果手机中录音发给好友 iPhone传语音文件方法教程">怎么将苹果手机中录音发给好友 iPhone传语音文件方法教程</a></li>
<li><a href="https://www.qianjiagd.com/a213464" title="iis7.5中如何让html与shtml一样支持include功能">iis7.5中如何让html与shtml一样支持include功能</a></li>
</ul>
</div>
</aside>
<!-- right aside end-->
</article>
<div class="clear blank"></div>
<!--footer start-->
<footer>
<div class="footer box">
<div class="wxbox">
<ul>
<li><img src="https://www.qianjiagd.com/static/zsymb/images/wxgzh.jpg"><span>微信公众号</span></li>
<li><img src="https://www.qianjiagd.com/static/zsymb/images/wx.png"><span>我的微信</span></li>
</ul>
</div>
<div class="endnav">
<p><b>站点声明：</b></p>
<p>所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。</p>
<p>Copyright © 2009-2025 <a href="https://www.qianjiagd.com/" target="_blank">千家信息网</a> All Rights Reserved.
<a href="/sitemap.xml">网站地图</a>
<a href="/about/">关于我们</a>
<a href="/contact-us/">联系我们</a>
</p>
</div>
</div>
</footer>
<a href="#" title="返回顶部" class="icon-top"></a>
<!--footer end-->
<div style="display:none">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?aec778eae8071ef8921721735a4a9509";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
<div style="display:none">
<span class="dr_show_hits_13630">0</span><script type="text/javascript"> $.ajax({ type: "GET", url:"/index.php?s=api&c=module&siteid=1&app=article&m=hits&id=13630", dataType: "jsonp", success: function(data){ if (data.code) { $(".dr_show_hits_13630").html(data.msg); } else { dr_tips(0, data.msg); } } }); </script></div>
<!--本页面URL https://www.qianjiagd.com/a13630 -->
<!--本页面于2025-01-23 06:11:53更新-->
</body>
</html>
今天小编给大家分享一下DOM对象的概念是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
一、DOM对象
DOM，全称"DocumentObjectModel（文档对象模型）"，它是由W3C组织定义的一个标准。
在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。
说白了，DOM就是一个接口，我们可以通过DOM来操作页面中各种元素，例如添加元素、删除元素、替换元素等。这下大家就懂了吧。记住，DOM就是文档对象模型，文档对象模型就是DOM，很多人在学习DOM的时候看到"文档对象模型"还不知道是什么？
二、DOM结构
DOM采用树形结构作为分层结构，以树节点形式表示页面中各种元素或内容。
举例：