添加元素

在此示例中,我们使用文本 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 下。