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 vs parent.appendChild('this is string'); //error
• append可以一次性传入多个参数，appendChild只允许传入一个；
  • `parent.append(node1,‘string1’); appendChild(node1)