1、DOM（文档对象模型 - Document Object Model）
DOM的结构本质是一棵树，通过DOM操作可以对HTML结构进行获取、添加、删除、修改
DOM节点操作
dom节点分为：元素节点、属性节点、文本节点
获取节点
通过document对象内置的方法获取元素节点
| document对象内置的方法 | 定义 |
|---|---|
| document.getElementById(“id”) | 通过元素ID获取 |
| document.getElementsByTagName(“div”) | 通过标签名获取（返回类数组） |
| document.getElementsByClassName(“class”) | 通过class类名（返回类数组） |
| document.getElementsByName(“name”) | 通过name属性（返回类数组） |
| document.querySelector(“css selectors”) | 根据条件获取元素，多个匹配仅返回第一个 |
| document.querySelectorAll(“css selectors”) | 根据条件获取元素（返回类数组） |
| document.body | 获取body |
| document.documentElement | 获取html |