关于DOM的初步认识

来源：互联网发布：java防止重复提交编辑：程序博客网时间：2024/04/30 15:08

一，什么是DOM？

通过学习，了解到DOM是针对HTML和XML文档的一个API（应用程序接口）。翻译成中文就是文档对象模型。它代表文档内容的结构关系。Dom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素。更改其现有的结构或内容．例如树有许多枝干，枝干上面有叶子（元素），DOM好比是树的枝干部分。

二，DOM的作用

Dom可以在网页中做什么？

HTML Dom中最常用的几个方法之查找元素

Dom之引用当前整个网页文档：document
Dom如何快速在网页中查找某一元素：getElementById
Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName
根据标签的Id属性值或name属性来查找多个元素：getElementsByName

1，DOM里面有childNodes、parentNode各种各样的节点。可以通过DOM找到节点位置。

例如：

<body><p></p><ul id="ul1">    <li class="bos">1</li>    <li>2</li>    <li>3</li>    <li class="bos">3</li>    <li>3</li>    <li>3</li>    <li class="bos">3</li></ul></body>

其中<body>就是<ul>的父节点 ul是li的父节点；<p>与<ul>是兄弟节点；

用代码证明如下

<head>    <meta charset="UTF-8">    <title>Title</title>    <script>      window.onload=function () {          var oul=document.getElementById("ul1");          alert(oul.parentNode);      }    </script></head>

这段代码显示了,<ul>的父节点是<body>

3 DOM有什么特点？

DOM操作简单，易于开发。使用DOM时，系统会把HTM所有文档信息都缓存在内存中，方便调取使用和修改；

0 0