节点操作

78 阅读1分钟
  • 创建节点

image.png document.createElement("元素名") 创建元素节点
document.createTextNode("文本") 创建文本节点
A.appendChild( B) 把B节点追加至A节点的末尾
父节点.insertBefore( A,B ) 把A节点插入到B节点之前\

image.png

  • 克隆和删除节点 父元素.removeChild(要被删除的元素)

image.png

cloneNode(deep) 复制某个指定的节点

image.png 获取自己的元素 再插入到body中是可以的,但是插入的时候发现 都一个元素节点,两种插入的实现方式 第一种创建新的节点去插入,第二种 clone出一个新的节点去插入,cloneNode如果里面不传true 表示传入自身节点(不包括子节点),传true 表示 既克隆自身节点 也克隆了自身的子节点

image.png