-
DOM节点
DOM树里每一个内容都称之为节点
-
节点类型
元素节点
- 所有的标签 比如 body、 div
- html 是根节
属性节点
- 所有的属性 比如 href、class属性
文本节点
- 所有的文本，比如标签里面的文字
其他
1. 查找节点
-
父节点查找：
- parentNode 属性
- 返回最近一级的父节点 找不到返回为null
子元素.parentNode -
子节点查找
- childNodes
- 获得所有子节点、包括文本节点（空格、换行）、注释节点等
- children 属性 （重点）
- 仅获得所有元素节点
- 返回的还是一个伪数
父元素.children - childNodes
-
兄弟关系查找：
- 下一个兄弟节点
nextElementSibling 属性 -
上一个兄弟节点
previousElementSibling属性
2. 创建节点
即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点
document.createElement('标签名')
3. 增加节点
- 要想在界面看到，还得插入到某个父元素中
- 插入到父元素的最后一个子元素：
父元素.appendChild(要插入的元素)
- 插入到父元素中某个子元素的前面
父元素.insertBefore(要插入的元素，插入到哪个元素前面)
4. 克隆节点
cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值
元素.cloneNode(布尔值) // 默认为false
- 若为true，则代表克隆时会包含标签里面的内容
- 若为false，则代表克隆时只是克隆标签
5. 删除节点
- 若一个节点在页面中已不需要时，可以删除它
- 在 JavaScript 原生DOM操作中，要删除元素必须通过父元素删除
父元素.removeChild(要删除的元素)
- 如不存在父子关系则删除不成功
- 删除节点和隐藏节点（display:none） 有区别的： 隐藏节点还是存在的，但是删除，则从html中删除节点
