html | 节点操作
获取节点
let node=document.getElementById(“id”)
获取当前节点父节点
node.parentNode
指定位置插入节点
let parent=document.getElementById("parent");
let newElement=document.createElement("div");
// 根据业务需求，你也可以用lastChild nextSibling previousSibling等等
parent.insertBefore(newElement,parent.firstChild); // 在父节点的第一个子节点前添加新节点
其他
.firstChild vs .firstElementChild
reference:nodeType in html
节点分为很多种，firstChild返回第一个节点，这个节点可以是comment_node等节点，firstElementChild返回第一个element_node的节点
append vs appendChild
reference:append vs appendChild
- append可以接收node节点和string，appendChild只允许node节点
parent.append('this is string');// ok vsparent.appendChild('this is string'); //error
- append可以一次性传入多个参数，appendChild只允许传入一个；
- `parent.append(node1,‘string1’); appendChild(node1)