JavaScript中DOM的使用

DOM

Dom —> Document Object Model（文档对象模型）

定义了标识和修改文档所需的方法，用来操作html和xml，dom是对html和xml的标准编程接口

是关于如何获取、修改、添加或删除 HTML 元素的标准

（改变不了css样式表，但是可以通过改变html中标签的行内样式间接修改css）

1. DOM元素获取 (八种方法)

在进行dom元素获取的时候要注意获取的元素是否已经初始化

（需要考虑获取的元素存在还是不存在,根据页面的加载顺序来考虑）

js里面dom元素操作不支持隐式迭代（dom不能直接操作一堆，只能单个操作）

DOM元素获取详解

2. DOM中的节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。

整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点

DOM中节点操作详解

3. DOM基本操作

DOM基本操作详解

4. DOM事件

DOM事件中
DOM事件对象