什么是Dom?
DOM 是 Document Object Model(文档对象模型)的缩写。
HTML DOM 是:
- HTML 的标准对象模型
- HTML 的标准编程接口
- W3C 标准
HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。
换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。
所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。
常用的Dom操作
* 获取节点的方法
getElementById() :通过节点的Id属性查找对应节点
getElementByName() :通过节点的name属性查找对应属性
getElementByTagName() :通过节点标签名称查找对应节点
*插入节点的方法
insertBefore(节点一,节点二) : 在节点二之前插入节点一
appendChild(要插入的节点) :通过父节点在末尾追加节点(实际是从剪切板黏贴)
*删除节点的方法
removeChild(要删除的节点) :通过父节点删除
*替换节点的方法
replaceChild(节点一,节点二) :通过父节点调用,将节点二替换为节点一
*复制节点的方法
cloneNode(boolean) : 为boolean值为true时表示复制,复制之后形成一个节点副本,可通过插入方法粘贴到对应的位置