查找节点

1.父节点

DOM.parentNode获取即可

2.子节点

DOM.children

得到的是伪数组 选择的是亲儿子

3.兄弟节点

DOM.previousElementSibling 前一个兄弟节点

DOM.nextElementSibling 后一个兄弟节点

新增节点

1.创建节点

const div=document.createElement(‘div’)

2.追加结点

插入为父元素的最后一个子元素

const ul=document.createElement(‘ul’)

const li=document.createElement(‘li’)

ul.append(li)

插入到父元素某个子元素前面

ul.insertBefore(li,ul.children[0])

OR

ul.insertBefore(li,ul.firstElementChild)

3.克隆节点

cloneNode会克隆出一个跟源标签一样的元素 括号内传入布尔值

若为true，则代表克隆时会包含后代节点一起克隆

若为false，则代表克隆时不包含后代节点

const li1=ul.children[0].cloneNode(true)

ul.appendChild(ul.children[0].cloneNode(true))

(如果为false 只克隆li 没有内容)

删除节点

DOM.removeChild(ul.children[0])