js中添加 删除 替换 插入节点所用的方法

2023-12-13 07:49:37
  1. 添加节点:

    • appendChild():将一个节点添加为另一个节点的子节点。
    • insertBefore():在指定节点之前插入一个新节点。
  2. 删除节点:

    • removeChild():从父节点中移除指定的子节点。
  3. 替换节点:

    • replaceChild():将一个新节点替换为指定的旧节点。
// 创建一个新节点
var newElement = document.createElement("div");
newElement.innerHTML = "新节点";

// 获取父节点的引用
var parentElement = document.getElementById("parent-element");

// 添加节点
parentElement.appendChild(newElement);

// 删除节点
var childElement = document.getElementById("child-element");
parentElement.removeChild(childElement);

// 替换节点
var oldElement = document.getElementById("old-element");
parentElement.replaceChild(newElement, oldElement);

// 在指定节点之前插入节点
var referenceElement = document.getElementById("reference-element");
parentElement.insertBefore(newElement, referenceElement);

????????需要注意的是,上述代码中的getElementById()createElement()等方法仅为示例,你需要根据实际情况来获取或创建相应的节点。

文章来源:https://blog.csdn.net/m0_74359467/article/details/134959922
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。