在JavaScript中,insertBefore()方法用于在指定的父元素中插入一个新的子元素,并将其插入到指定的参考元素之前。它的用法有以下几种:
1. insertBefore(newElement, referenceElement):将newElement插入到referenceElement之前,作为referenceElement的前一个兄弟节点。
```javascript
var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);
```
2. parentElement.insertBefore(newElement, referenceElement):与上面的用法相同,只是将insertBefore()方法应用于父元素的DOM对象上。
```javascript
var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);
```
3. parentElement.insertBefore(newElement, null):将newElement插入到父元素的末尾,作为最后一个子元素。
```javascript
var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, null);
```
4. parentElement.insertBefore(newElement, parentElement.firstChild):将newElement插入到父元素的开头,作为第一个子元素。
```javascript
var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, parent.firstChild);
```
这些是insertBefore()方法的常见用法,你可以根据具体的需求选择适合的用法。
网友留言: