原生js节点添加 删除 替换 复制

创建新的节点的方法

//创建一个元素节点

let Element = document.createElement('div')

//做一些样式上的改变

Element.style.color = 'red'Element.style.width = '100%'Element.style.fontSize = '12px'

在div元素节点里面的最后添加创建好的元素节点

document.queryselector('div').appendChild(Element)

在div元素节点里面删除子节点test

let test = document.queryselector('.test')document.queryselector('div').removeChild(test)

在div元素节点里面用element替换子节点test

let test = document.queryselector('.test')let Element = document.createElement('div')document.queryselector('div').replaceChild(Element，test)

复制div这个节点

//完全复制这个div元素节点

document.queryselector('div').cloneNode(true)

//只复制最外层元素，不复制里面的内容

document.queryselector('div').cloneNode(false)