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