HTML DOM简介

HTML DOM简介

 

HTML DOM一直在用，不过用的都是最常用的一些内容，真正问起来DOM的具体内容来，还真的回答不上来。趁周末，又翻阅W3SCHOOL的关于HTML DOM的内容，发现对于DOM的了解其实才仅仅皮毛而已，所以有必要对DOM进行一番梳理，想起了好久没有更新的博客，发现确实有写一些东西的必要了。呵呵，开玩笑了，没有新的内容，都是从W3SCHOOL上搬运下来的。

 

感谢http://w3school.com.cn

 

 什么是DOM？

 

 Document Object Model  文档对象模型

DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

 

 W3C DOM标准分为三个不同的部分：

- 核心DOM - 针对任何结构化文档的标准模型
- XML DOM - 针对XML
- HTML DOM - 针对HTML

 

什么是HTML DOM？

 

HTML DOM 定义了所有HTML元素的对象和属性，以及访问他们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除HTML元素的标准。

 

DOM 节点

 

 在HTML DOM中，所有事物都是节点。

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

 

 

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

 

 

 节点的 父，子和同胞关系

父（parent）

子（child）

同胞（sibling）

- 在节点树中，顶端节点被称为根（root）
- 每个节点都有父节点，除了根节点
- 一个节点可以拥有任意数量的子节点
- 同胞是拥有相同父节点的节点