webapi中Dom节点的增删改查

112 阅读1分钟

*查子节点

获取子元素 : 元素.children

!!! 返回的是一个 伪数组 ,找不到 返回 空数组

只获取子元素, 不包含文本与注释

获取子节点(了解): 元素.childNodes

获取所有的子节点, 包括文本与注释

查兄弟节点

获取兄弟元素

  1. 获取上一个元素: 元素.previousElementSibling
  2. 获取下一个元素: 元素.nextElementSibling

*查找父节点

获取父元素 : 元素.parentNode 返回该元素的父节点

*新增节点

  • 1.在内存创建 一个空标签 ,语法: document.createElement('标签') 返回创建的标签对象

  • 2.为创建的元素 设置 样式及内容

  • 3.向父元素添加 创建的元素

    3.1 语法一: 父元素.appendChild(node)

    3.2 语法二: 父元素.insertBefore(添加的节点,要添加新的节点前的子节点)

克隆节点

克隆节点 : 复制节点 语法: 要克隆的元素.cloneNode(true)

  • 默认false : 浅克隆,只克隆元素自身
  • true : 深克隆,克隆元素自身 + 所有后代元素

删除节点

删 : 父元素.removeChild(子元素)

!!! 只能亲父亲才能删除自己的儿子