新增元素
在此示例中,我們使用文字 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
下。