初识HTML DOM

来源：互联网发布：免费的cms系统编辑：程序博客网时间：2024/04/29 13:54

很抽象是吧。。。哈哈。。O(∩_∩)O哈！

理论+实践=实力！！！

没有理论不行，少了实践更是不可啊。。

一，什么是DOM？

1，DOM不是JavaScript，DOM是文档；

2，对于HTML DOM来说：

（1）通过JavaScript，我们可以重构整个HTML文档。我们可以添加、移除、改变或重排页面上的项目。

（2）如果我们想要改变页面的某些元素，JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过DOM（文档对象模型）来获得的。

3，DOM可被JavaScript用来读取/改变HTML、XHTML以及XML文档。

（注：1，DOM被分为不同的部分（核心、XML及HTML）和级别（DOMLevel1/2/3）；2，Core DOM：定义了一套标准的针对任何结构化文档的对象；XML DOM：定义了一套标准的针对XML文档的对象；HTML DOM：定义了一套标准的针对HTML文档的对象）

此篇博客只是对HTML DOM的总结！！

总结：HTML DOM就是：

（1）定义了一系列对象（包含属性、方法、集合）和一套标准的可被JavaScript用来读取、改变HTML文档的对象；

（2）更确切一点说HTML DOM是一个w3c标准；

（3）HTML DOM定义了一套HTML的标准对象，以及对HTML文本对象访问和操作的标准方法。

（4）所有HTML元素，连同它们包含的文本和属性，都可以通过DOM来访问。其内容可以被修改或删除，并可以生成新的元素。

（5）

HTML DOM 是独立于平台和编程语言的。它可以被任何编程语言所使用，例如Java, JavaScript, 和 VBScript。

说了那么多，说白了也就一句话的事儿：利用DOM可以对HTML

文档进行增删改查操作！！！

二，既然上面说HTML DOM定义了一套HTML的标准对象，那么下面就介绍一下这些包含了对HTML文档进行访问（读取/修改/删除）的对象：

下面列出主要的DOM对象：

对象

描述

Document

代表整个HTML文件，可以被用来访问一个页面上的所有元素。

Anchor

代表一个<a>元素

Area

代表一个 image-map中的<area>元素

Base

代表一个 <base>元素

Body

代表一个the <body>元素

Button

代表一个<button>元素

Event

代表一个事件event的状态

Form

代表一个 <form>元素

Frame

代表一个 <frame>元素

Frameset

代表一个 <frameset>元素

Iframe

代表一个 <iframe>元素

Image

代表一个 <img>元素

Input button

代表一个HTML form中的一个按钮 (button)

Input checkbox

代表一个HTML form中的一个复选框(checkbox)

Input file

代表一个HTML form中的一个文件上载域(fileupload)

Input hidden

代表一个HTML form中的一个隐藏域(hidden field)

Input password

代表一个HTML form中的一个密码域(password field)

Input radio

代表一个HTML form中的一个单选按钮(radio button)

Input reset

代表一个HTML form中的一个重置按钮(reset button)

Input submit

代表一个HTML form中的一个提交按钮(submit button)

Input text

代表一个HTML form中的一个文本输入框(text-input field)

Link

代表一个 <link>元素