DOM(文档对象模型)

目录

DOM定义

一些重要的概念（主要DOM树）

1、DOM树模型：

2、DHTML：

3、HTML:

4、CSS：

5、DOM:

6、JS:

DOM 节点 

1.节点分类 

2.节点层次

3.节点属性

4.节点的操作

常用方法

1.getElementById

2.getElementByTagName 

 3.getElementClassName

 4.querySelector

 5. querySelectorAll

---

定义

DOM -----Document Object Model

文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台， 提供了标准的 HTML 和 XML 对象集， 并有一个标准的接口来访问并操。

一些重要的概念（主要DOM树）

1、DOM树模型：

DOM解析将按照标签的层次体现出标签的所属，形成一个树状结构---DOM树。

标签、属性和文本内容称为节点(node)，节点也称为对象，标签通常也称为页面中的元素(element)

（1）DOM技术的核心内容：

把标记文档变成对象树，通过对树中的对象进行操作，实现对文档内容的操纵。

（2）DOM解析的方式：

将标记文档解析成一棵DOM对象树，并将树中的内容都封装成对象。----这些动作由浏览器帮我们完成

（3）DOM解析的好处：

可以对树中的节点进行任意的操作：增删改查

（4）DOM解析的弊端：

这种解析需要将整个标记型文档加载进内存，因此，如果标记型文档很，耗内存。

2、DHTML：

动态的HTML，它不是一门语言，是多项技术综合体的简称。

以HTML+CSS的方式做的是静态网页，要想变成动态的，必须在此基础上加入JS和DOM技术。因此，DHTML包含：HTML+CSS+JS+DOM

3、HTML:

提供标签，封装数据

4、CSS：

提供样式属性，对数据的显示样式进行定义

5、DOM:

把标记型文档封装成对象，供JS操纵

6、JS:

提供程序设计语言，通过DOM来操纵文档内容和显示样式 

DOM 节点 

文档中的所有内容都可表示为一个节点(node)，如：HTML 里整个文档、每个标签、每个标签的属性和文本都可作为一个节点。

节点树

 

1.节点分类 

（1）文档节点(Document)：整个 XML、HTML 文档

（2） 元素节点(Element)：每个 XML、HTML 元素

（3） 属性节点(Attr)：每个 XML、HTML 元素的属性

（4） 文本节点(Text)：每个 XML、HTML 元素内的文本

（5） 注释节点(Comment)：每个注释

<