本文详细介绍了DOM（文档对象模型）的基本概念，包括其定义、组成及如何使用JavaScript进行操作。
DOM是“Document ObjectModel”（文档对象某型）的首字母缩写。是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
文档D
当创建了一个网页并把他加载到Web浏览器中时，DOM就在幕后悄然而生。他将根据你编写的网页文档创建一个文档对象。
对象O
JavaScript语言里的对象可以分为三种类型：
1、用户定义对象（user-definedobject）：有程序员自行创建的对象。
2、内建对象（native object）：內建在JavaScript语言里的对象，如array、date等
3、宿主对象（host object）：有浏览器提供的对象。
模型M
M代表着模型，但是说他代表着“Map”（地图）。它们的含义就是某种事物的表现形式。DOM代表着被加载到浏览器窗口里的当前网页：浏览器向我们提供了当前网页的模型，而我们可以通过JavaScript去读取。
DOM把一份文档表示为一棵树，用子节点父节点来标记。如果把各个文档中的元素想象成一个家谱树上的各个节点，我们就可以用同样的记号来描述DOM。
节点
文档由节点组成的集合
1、元素节点：
DOM的原子是元素节点（elementnode）例如<body><p><ul>都是元素节点。各种标签提供了元素的名字。元素也可以包含其他元素根节点的概念
2、文本节点
文档中的内容大多数是由文本提供的。在XHTML文档里，文本节点总是被包含在元素节点的内部。但并非所有的元素节点都包含有文本。
3、属性节点
属性的作用是对元素做出更具体的描述。其实就是更加具体或者修饰。
方法
getEementById（），这个方法将返回一个或那个有着给定id属性值的元素节点相应的对象。
getElementsByTagName（）：返回一个对象数组，每个对象分别对应着文档里有着戈丁标签的一个元素。只有一个参数（标签的名字）
getAttribute（）：是一个函数只能通过元素节点对象调用的函数。
setAttribute（）一个只能通过元素节点对象调用的函数，但是需要传递两个参数。
扫一扫
759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
