js中insertBefore的用法有哪些-开发者知识库平台

js中insertBefore的用法有哪些

在JavaScript中，insertBefore()方法用于在指定的父元素中插入一个新的子元素，并将其插入到指定的参考元素之前。它的用法有以下几种：

insertBefore(newElement, referenceElement)：将newElement插入到referenceElement之前，作为referenceElement的前一个兄弟节点。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);

parentElement.insertBefore(newElement, referenceElement)：与上面的用法相同，只是将insertBefore()方法应用于父元素的DOM对象上。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);

parentElement.insertBefore(newElement, null)：将newElement插入到父元素的末尾，作为最后一个子元素。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, null);

parentElement.insertBefore(newElement, parentElement.firstChild)：将newElement插入到父元素的开头，作为第一个子元素。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, parent.firstChild);

这些是insertBefore()方法的常见用法，你可以根据具体的需求选择适合的用法。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

js中insertBefore的用法有哪些

最新知识库

相关标签