javascript当中insertBefore的用法

avatar
作者
筋斗云
阅读量:3

在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()方法将新元素插入到参考节点之前。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!