新增元素

在此示例中,我們使用文字 new text 建立一個新的列表元素,並選擇第一個無序列表及其第一個列表元素。

let newElement = document.createElement("li");
newElement.innerHTML = "new text";

let parentElement = document.querySelector("ul");
let nextSibling = parentElement.querySelector("li");

插入元素時,我們在父元素下,並該父元素的特定子元素之前。

parentElement.insertBefore(newElement, nextSibling);

新元素插入 parentElement 之後和 nextSibling 之前。

當想要插入一個元素作為 parentElement 的最後一個子元素時,第二個引數可以是 null

parentElement.insertBefore(newElement, null);

新元素作為最後一個孩子插入 parentElement 下。

相反,appendChild() 可用於簡單地將子項附加到父節點的子節點。

parentElement.appendChild(newElement);

新元素作為最後一個孩子插入 parentElement 下。