一、通过DOM树/层级关系找节点
1、子节点.parentNode 找父节点
2、父节点.firstElementChild 找第一个标签子节点
3、父节点.lastElementChild 找最后一个标签子节点
4、兄节点.nextElementSibling 找紧跟着兄节点的那个弟节点
5、弟节点.previousElementSibling 找紧跟着弟节点的那个兄节点
二、节点的创建、克隆 、添加到页面
1、document.createElement(“标签”) 通过标签名来创建标签
2.被克隆的节点.cloneNode();
克隆节点本身() 里不传参,表示克隆节点本身, ()传true,表示克隆节点及里面所有的后代
注意:创建的、克隆的标签都要添加到页面后才能看到
3.父节点.appendChild(子节点); 将子节点添加到父节点的末尾
4.父节点.insertBefore(兄节点/新,弟节点/旧); 将新节点插入到指定节点的前面
三、节点的删除、替换
1、父节点.removeChild(子节点) 从父节点中删除子节点 父节点一直在
2、节点.remove() 删除节点及里面的内容
3、父节点.replaceChild(用来替换的节点 , 被替换的节点) 用来替换的节点 替换掉 被替换的节点