Metode XML DOM insertBefore()

Node 对象

Definisi dan penggunaan

insertBefore() Metode memasang node anak baru sebelum node anak yang ditentukan di node saat ini.

Perhatian:Jika newchild sudah ada di pohon, maka terlebih dahulu dihapus.

Sintaks

nodeObject.insertBefore(newchild,existingnode,

)

) Deskripsi
newchild Diperlukan. Objek Node. Node anak baru yang akan disisipkan.
existingnode

Diperlukan. Objek Node. Node di mana node anak baru akan disisipkan sebelumnya.

Jika node yang ada kosong, maka node anak baru akan disisipkan di akhir daftar node anak.

Detil Teknologi

Versi DOM: Core Level 1 Node Object. Diubah di DOM Level 3.
Hasil kembalian: Objek Node. Node yang disisipkan.

Contoh

Berikut adalah kode yang memuat "books.xml", membuat sebuah node <book> baru, dan menginsertnya sebelum node <book> terakhir:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var newNode = xmlDoc.createElement("book");
    var x = xmlDoc.documentElement;
    var y = xmlDoc.getElementsByTagName("book");
    document.getElementById("demo").innerHTML =
    "Buku elemen sebelumnya: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Book elements after: " + y.length;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

所有主流浏览器都支持 insertBefore() 方法。

Node 对象