DOM

介绍

DOM 全称是 Document Object Model 文档对象模型 就是把文档中的标签，属性，文本，转换成为对象来管理

document对象

1. document 它管理了所有的 HTML 文档内容
2. document 它是一种树结构的文档。
3. 有层级关系 在 dom 中把所有的标签 都 对象化 （得到这个 html 标签的<--->对象-->操作）
4. 通过 document 可以访问所有的标签对象

document对象方法

文档地址：https://www.w3school.com.cn/js/js_htmldom_document.asp

HTML DOM节点

介绍

在 HTML DOM （文档对象模型）中，每个部分都是节点：

1. 文档本身是文档节点
2. 所有 HTML 元素是元素节点
3. 所有 HTML 属性是属性节点
4. HTML 元素内的文本是文本节点
5. 注释是注释节点

节点常用方法

1. 通过具体的元素节点调用 getElementsByTagName() 方法，获取当前节点的指定标签名孩子节点
2. appendChild( oChildNode ) 方法，可以添加一个子节点，oChildNode 是要添加的孩子节点

节点常用属性

1. childNodes 属性，获取当前节点的所有子节点
2. firstChild 属性，获取当前节点的第一个子节点
3. lastChild 属性，获取当前节点的最后一个子节点
4. parentNode 属性，获取当前节点的父节点
5. nextSibling 属性，获取当前节点的下一个节点 (后一个)
6. previousSibling 属性，获取当前节点的上一个节点 (前一个)
7. className 用于获取或设置标签的 class 属性值
8. innerHTML 属性，表示获取/设置起始标签和结束标签中的内容
9. innerText 属性，表示获取/设置起始标签和结束标签中的文本

文档

HTML DOM Element 对象文档地址: https://www.w3school.com.cn/jsref/dom_obj_all.asp HTML DOM Document 对象文档地址: https://www.w3school.com.cn/jsref/dom_obj_document.asp