创建一个子节点 插入一个节点 在已有元素之前插入节点 删除字节点 。
创建一个子节点:
使用JavaScript的createElement()方法可以创建一个新的HTML元素节点。例如,要创建一个新的
元素,可以使用以下代码:
var newDiv = document.createElement("div");
这将创建一个名为“newDiv”的新节点,它是一个空的
元素。
插入一个节点:
要将一个节点插入到另一个节点中,可以使用appendChild()方法或insertBefore()方法。appendChild()方法将新节点添加到父节点的末尾,而insertBefore()方法可以在指定节点之前插入新节点。
例如,要将一个名为“newDiv”的新节点添加到现有的“container”节点中:
var container = document.getElementById("container");
container.appendChild(newDiv);
这将把新节点添加到容器的末尾。
在已有元素之前插入节点:
要在已有元素之前插入一个节点,可以使用insertBefore()方法。该方法需要两个参数:要插入的新节点和已存在的节点,新节点将被插入到已存在节点之前。
例如,要将新节点插入到现有的“existingNode”节点之前:
var existingNode = document.getElementById("existingNode");
container.insertBefore(newDiv, existingNode);
这将把新节点插入到现有节点之前。
删除子节点:
要删除一个子节点,可以使用removeChild()方法。该方法需要一个参数:要删除的节点。例如,要删除名为“childNode”的子节点:
var parentNode = document.getElementById("parentNode");
var childNode = document.getElementById("childNode");
parentNode.removeChild(childNode);
这将从父节点中删除子节点。
原文地址: http://www.cveoy.top/t/topic/bipi 著作权归作者所有。请勿转载和采集!