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