Phương pháp XML DOM insertBefore()

Đối tượng Node

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

insertBefore() Phương pháp này chèn nút con mới trước một nút con cụ thể của đối tượng hiện tại.

Lưu ý:Nếu newchild đã có trong cây, thì trước hết sẽ xóa nó.

Cú pháp

nodeObject.insertBefore(newchild,existingnode,

)

) Mô tả
newchild Bắt buộc. Đối tượng Node. Nút con mới cần chèn.
existingnode

Bắt buộc. Đối tượng Node. Đối tượng Node mà bạn muốn chèn nút con mới trước đó.

Nếu nút hiện tại trống, thì sẽ chèn nút con mới vào cuối danh sách các nút con.

Chi tiết kỹ thuật

Phiên bản DOM: Đối tượng Node cấp độ cốt lõi 1. Được sửa đổi trong DOM cấp độ 3.
Trả về giá trị: Đối tượng Node. Đối tượng được chèn.

Mô hình

Dưới đây là mã để tải "books.xml", tạo một nút <book> mới và chèn nó 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 =
    "Book elements before: " + 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

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Tất cả các trình duyệt phổ biến đều hỗ trợ insertBefore() Phương thức.

Đối tượng Node