什么是节点
DOM树里每一个内容都称之为节点
节点的类型
元素节点,属性节点,文本节点,其他
查找节点
- 父节点查找:
子元素.parentNode
(返回的就是最近一级的父节点,找不到返回为null) - 子节点查找:
父元素.children
仅获得所有元素节点 返回的还是一个伪数组 - 兄弟关系查找:
(下一个兄弟节点)nextElementSibling
属性
(上一个兄弟节点)previousElementSibling
属性
增加节点
步骤:
1.创建节点document.createElement('标签名')
2.追加节点,插入到父元素
父元素.appendChild(要插入的元素)
——插入到最后
父元素.insertBefore(要插入的元素,在哪个元素前面)
——插入到某一元素前面
克隆节点
元素.cloneNode(布尔值)
➢ 布尔值若为true,则代表克隆时会包含后代节点一起克隆
➢布尔值若为false,则代表克隆时不包含后代节点
➢ 默认为false
删除节点(必须通过父元素删除)
父元素.removeChild(要删除的元素)