Phương thức XML DOM insertBefore()

Đối tượng Element

Định nghĩa và cách sử dụng

insertBefore() Phương thức chèn nút con mới trước nút con hiện có.

Phương thức này trả về nút con mới.

Cú pháp

elementNode.insertBefore(new_node,existing_node)
Tham số Mô tả
new_node Bắt buộc. Nút cần chèn.
existing_node Bắt buộc. Nút hiện có. Nút mới sẽ được chèn vào trước nút này.

Mô hình

Dưới đây là mã nguồn sẽ tải "books.xml" vào xmlDoc, tạo một nút <book> mới và chèn nó vào trước nút <book> cuối cùng:

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 =
    "Các phần tử sách trước: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Các phần tử sách sau: " + y.length;
}

Thử trực tiếp

Đối tượng Element