温馨提示×

javascript当中insertBefore的用法

小亿
242
2023-12-19 05:47:46
栏目: 编程语言

在JavaScript中,insertBefore()方法用于将一个元素插入到指定元素的前面。

语法: parentNode.insertBefore(newNode, referenceNode);

参数说明:

  • newNode:要插入的新元素。
  • referenceNode:参考节点,新元素将插入到此节点之前。

示例:

// 创建要插入的新元素
var newItem = document.createElement("li");
var textNode = document.createTextNode("Item 4");
newItem.appendChild(textNode);

// 找到参考节点
var list = document.getElementById("myList");
var referenceNode = document.getElementById("item2");

// 将新元素插入到参考节点的前面
list.insertBefore(newItem, referenceNode);

在上述示例中,我们首先使用createElement()方法创建了一个新的li元素,并使用createTextNode()方法创建了一个文本节点。然后,我们找到了要插入的父节点和参考节点。最后,我们使用insertBefore()方法将新元素插入到参考节点之前。

0