JavaScript中关于节点的操作方法

JavaScript中的节点操作方法主要包括以下几种：

1. 创建节点：使用`document.createElement()`方法创建一个新的元素节点。

var newElement = document.createElement("div");

2. 设置节点内容：使用`node.textContent`或`node.innerText`属性设置节点的文本内容。

newElement.textContent = "Hello, World!";

3. 获取节点内容：使用`node.textContent`或`node.innerText`属性获取节点的文本内容。

var content = newElement.textContent;

4. 添加子节点：使用`parentNode.appendChild()`方法将一个节点添加到另一个节点的子节点列表中。

var parentElement = document.getElementById("parent");
var childElement = document.createElement("div");
parentElement.appendChild(childElement);

5. 插入子节点：使用`parentNode.insertBefore()`方法在指定位置插入一个节点。

var referenceNode = document.getElementById("reference");
var newElement = document.createElement("div");
parentElement.insertBefore(newElement, referenceNode);

6. 删除子节点：使用`parentNode.removeChild()`方法从父节点的子节点列表中删除一个节点。

var childElement = document.getElementById("child");
parentElement.removeChild(childElement);

7. 替换子节点：使用`parentNode.replaceChild()`方法用一个新节点替换一个现有节点。

var oldElement = document.getElementById("old");
var newElement = document.createElement("div");
parentElement.replaceChild(newElement, oldElement);

8. 查找节点：使用`document.querySelector()`和`document.querySelectorAll()`方法根据CSS选择器查找节点。

var element = document.querySelector("#element");
var elements = document.querySelectorAll(".class");