Metode XML DOM insertBefore()

Definisi dan Penggunaan

insertBefore() Method untuk memasukkan noda anak baru sebelum noda anak yang ditentukan di dalam noda saat ini.

Perhatian:Jika newchild sudah ada di pohon, ia akan dipadamkan dahulu.

Sintaks

nodeObject.insertBefore(newchild,existingnode,

)

) Penerangan
newchild Wajib. Objek Node. Noda anak baru yang akan disisipkan.
existingnode

Wajib. Objek Node. Noda yang akan disisipkan sebelum noda anak baru.

Jika noda yang ada kosong, noda anak baru akan disisipkan di akhir senarai noda anak.

Butiran Teknik

Versi DOM: Objek Node Level 1 Core. Diubah di DOM Level 3.
Kembalian: Objek Node. Noda yang disisipkan.

Contoh

Dibawah ini adalah kod untuk memuat "books.xml", membuat satu buah node <book> baru, dan memasukkannya 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 +==
    "Buku elemen selepas: " + y.length;
}

亲自试一试

浏览器支持

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

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