Dom操作的小总结

Posted 2020-12-24 strivee2

什么是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时表示复制，复制之后形成一个节点副本，可通过插入方法粘贴到对应的位置