js插入节点/创建节点
在JavaScript中，可以使用document.createElement方法创建新的节点，并使用Node.appendChild或Node.insertBefore方法将新创建的节点插入到DOM中。
例如，要创建一个<div>元素并将其插入到页面的<body>中，可以这样做：
// 创建一个新的div元素
var newDiv = document.createElement("div");
// 为新div添加内容
var newContent = document.createTextNode("这是新插入的div内容");
newDiv.appendChild(newContent);
// 插入到body中
document.body.appendChild(newDiv);如果要插入到特定的位置，可以先找到该位置的节点，然后使用parentNode.insertBefore(newNode, referenceNode)方法：
// 假设已经存在一个元素，将新div插入到这个元素之前
var referenceElement = document.getElementById("existing-element");
var newDiv = document.createElement("div");
var newContent = document.createTextNode("这是新插入的div内容");
newDiv.appendChild(newContent);
// 插入到referenceElement之前
referenceElement.parentNode.insertBefore(newDiv, referenceElement);以上代码展示了如何创建和插入新的节点。
评论已关闭