节点操作

74 阅读1分钟

一.查询

1.子找父

子元素.parentNode = 返回子元素的父元素

可以进行操作

子元素.parentNode.style.....

2.父找子

子元素.children = 返回的是一个数组

3.找兄弟

元素.nextElementSibiling

元素.previousElementSibiling

二.新增

首先需要声明一个新增元素 let newElement = document.createElement('标签名')

1.父元素.appendChild('newElement') //成为父元素最后一个子元素

2.父元素.insertbefore('newElement',children[index]) //放在children[index]的前面

三.克隆

元素.cloneElement(true)为深克隆 (false)为浅克隆

四.删除

父元素.remove('子元素'),若为空值则删除自己