*查子节点
获取子元素 : 元素.children
!!! 返回的是一个 伪数组 ,找不到 返回 空数组
只获取子元素, 不包含文本与注释
获取子节点(了解): 元素.childNodes
获取所有的子节点, 包括文本与注释
查兄弟节点
获取兄弟元素
- 获取上一个元素: 元素.previousElementSibling
- 获取下一个元素: 元素.nextElementSibling
*查找父节点
获取父元素 : 元素.parentNode 返回该元素的父节点
*新增节点
-
1.在内存创建 一个空标签 ,语法: document.createElement('标签') 返回创建的标签对象
-
2.为创建的元素 设置 样式及内容
-
3.向父元素添加 创建的元素
3.1 语法一: 父元素.appendChild(node)
3.2 语法二: 父元素.insertBefore(添加的节点,要添加新的节点前的子节点)
克隆节点
克隆节点 : 复制节点 语法: 要克隆的元素.cloneNode(true)
- 默认false : 浅克隆,只克隆元素自身
- true : 深克隆,克隆元素自身 + 所有后代元素
删除节点
删 : 父元素.removeChild(子元素)
!!! 只能亲父亲才能删除自己的儿子