js insertbefore()方法

作者：原来是梦发布日期:2025-11-05 浏览:22

// 创建一个新元素
const newElement = document.createElement("p");
newElement.textContent = "这是一个新的段落。";

// 获取要插入之前的目标元素
const targetElement = document.getElementById("target");

// 获取目标元素的父元素
const parentElement = targetElement.parentNode;

// 使用insertBefore()方法将新元素插入到目标元素之前
parentElement.insertBefore(newElement, targetElement);

/*
解释说明：
1. 首先，我们创建了一个新的<p>元素，并设置了它的文本内容。
2. 然后，我们通过getElementById获取了目标元素（即要在其前面插入新元素的元素）。
3. 接着，我们获取了目标元素的父元素。
4. 最后，我们使用insertBefore()方法将新元素插入到目标元素之前。
   insertBefore()方法的第一个参数是要插入的新元素，第二个参数是参考元素（即在它之前插入新元素）。
*/

上一篇：js 字符转int

下一篇：js selector