ວິທີການ 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()
方法。