ວິທີການ XML DOM insertBefore()

ການອະທິບາຍ ແລະ ການນໍາໃຊ້:

insertBefore() ວິທີການໃນຫົວອອກທີ່ມີຫົວອອກລົງກາຍຂອງຫົວອອກທີ່ກໍານົດ.

ເຫັນຫຍັງ:ຖ້າ newchild ແມ່ນຢູ່ໃນຮູບແບບຈັນໃນຕອນຕົ້ນຈະຖອນຫົວອອກມາກ່ອນ.

ຂໍ້ບອກ:

nodeObject.insertBefore(newchild,existingnode,

)

) ອະທິບາຍ:
newchild ສະເພາະ. Node Object. ຫົວອອກລົງກາຍໃໝ່ທີ່ຈະເພີ່ມ.
existingnode

ສະເພາະ. Node Object. ຫົວອອກທີ່ທີ່ຈະເພີ່ມຫົວອອກໃຫ້ຫາກ່ອນ.

ຖ້າຫົວອອກທີ່ມີຢູ່ແລ້ວແລ່ນເພີ່ມຫົວອອກລົງກາຍຫົວອອກລົງກາຍສຸດທ້າຍ.

ລະບົບລະອຽດ

ລະບົບ DOM: Core Level 1 Node Object. ປ່ຽນແປງໃນ DOM Level 3.
ຄວາມຮັບຜິດຊອບ: Node Object. ຫົວອອກທີ່ຖືກເພີ່ມ.

ຄວາມຈິງ

ລະບຽບດັ່ງລັງ: "books.xml",ສ້າງຫົວອອກໃໝ່ <book> ແລະ ເພີ່ມຫາຫົວອອກ <book> ສຸດທ້າຍ:

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 =
    "ປະກອບສັນຍາວັນອາທິດ: " + 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() 方法。