DOM树里面的每一个内容都被称为节点。 重点的是元素节点：所有的标签，如div，body。
- 1.查找节点
- 1.1 父节点查找：
- parentNode属性,返回最近一级的父节点，找不到返回为null
- 1.2 子节点查找：
- 使用childNodes属性，可获得所有子节点，包括文本节点（空格，换行）、注释节点等
- 使用children属性（重点），仅获得所有的元素节点，返回的还是一个伪数组
- 2.增加节点
- 2.1 创建节点
- 即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点
- 创建节点方法：document.createElement('标签名')
- 2.2 追加节点
- 要想再界面看到，还得插入到某个父元素中
- 插入到父元素的最后一个子元素使用:父元素.appendChild(要插入的元素)
插入到父元素中某个子元素的前面：父元素.insertBefore(要插入的元素，在那个元素前面)
- 2.3 克隆节点：
-
元素.cloneNode(布尔值)
cloneNder会克隆出一个跟源标签一样的元素，口号内传入布尔值
- 如为true，则代表克隆实惠包含后代节点一起克隆
- 若为false，则代表克隆时不包含后代节点
- 默认为false
3. 删除节点
目标：能够具备根据需求删除节点的能力
- 若一个节点在页面中已不需要时，可以删除它
- 在JavaScript原生DOM操作中，要删除元素必须通过父元素删除
- 语法：父元素.removeChild(要删除的元素)
