js笔记 DOM节点 Ⅷ

一、通过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(用来替换的节点 , 被替换的节点) 用来替换的节点 替换掉 被替换的节点