XML DOM nextSibling Property

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

nextSibling ຂໍ້ຂອງບັນດາປະສົງຈະກັບມາຫົວຂໍ້ບັນດາທີ່ເລືອກ (ຕ້ອງເປັນຫົວຂໍ້ບັນດາ) ທີ່ໃກ້ກັບຫົວຂໍ້ບັນດາ.

ຖ້າບໍ່ມີຫົວຂໍ້ບັນດາທີ່ຈະເປັນຫົວຂໍ້, ຂໍ້ຂໍ້ຂອງບັນດາປະສົງຈະກັບມາຈັນ.

ມາດຕະຖານ

elementNode.nextSibling

ຫັງການ:Firefox ແລະຫຼາຍການອານຸຍາດອື່ນໆຈະເບິ່ງຄວາມຜິດພາບ ຫຼື ການຫັນອອກຫຼັງຄືກັບຫົວຂໍ້ບັນດາ, ແຕ່ Internet Explorer ຈະບໍ່. ເພາະນັ້ນ, ໃນຄວາມຈຳເປັນດັ່ງກ່າວ, ພວກເຮົາໃຊ້ຫົວຂໍ້ບັນດາທີ່ກວດກາຫົວຂໍ້ບັນດາອ້າຍທີ່ເປັນບັນດາ.

ອີງຕາມນັກກິດຈະກຳຂອງຫົວຂໍ້ບັນດາອົງການ nodeType ຈະເປັນ 1, ຖ້າບໍ່ມີຫົວຂໍ້ບັນດາອ້າຍທີ່ບໍ່ແມ່ນອົງການຫົວຂໍ້ບັນດາ, ມັນຈະຍ້າຍໄປຫາຫົວຂໍ້ບັນດາໃນຕໍ່ໄປ, ແລະກວດກາຫົວຂໍ້ບັນດາທີ່ຈະເປັນອົງການຫົວຂໍ້ບັນດາ. ມັນຈະສືບຕໍ່ໄປຈົນກວ່າພົບຫົວຂໍ້ບັນດາເພື່ອນບ້ານ (ຕ້ອງເປັນອົງການຫົວຂໍ້ບັນດາ). ດັ່ງນັ້ນ, ຜົນການຈະຖືກຈັດການຢ່າງດີໃນທຸກການອານຸຍາດ.

ຄຳແນະນຳ:ສິ່ງທີ່ຕ້ອງຮັບຮູ້ຫລາຍກວ່າຫນັງທາງ ຂອງການທາງໄກລະຫວ່າງບັນດາບັນດາວິທະຍາສາດໄດ້ຮັບຮອງວ່າ XML DOM Tutorial ໃນບົດຮຽນ DOM Browser

ຄວາມຄົບຄັນ

ຄວາມຄົບຄັນ 1

ລະບຽບດັ່ງຕໍ່ຈະ "books.xml" ລົງໃນ xmlDoc ແລະຈາກ <title> ບຸກລຸກທຳອິດໄດ້ກວດສອບຫົວໜ້າບໍລິເວນທີ່ເປັນຫົວໜ້າ

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 get_nextsibling(n) {
    var x = n.nextSibling;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("title")[0];
    var y = get_nextsibling(x);
    document.getElementById("demo").innerHTML = x.nodeName + " = " +
    x.childNodes[0].nodeValue +
    "<br>Next sibling: " + y.nodeName + " = " +
    y.childNodes[0].nodeValue;
}

亲自试一试

ຄວາມຄົບຄັນ 2

ການນຳໃຊ້ previousSibling ທີ່ບໍລິເວນກວດສອບຫົວໜ້າທີ່ເປັນຫົວໜ້າບໍລິເວນ

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 get_previoussibling(n) {
    var x = n.previousSibling;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("author")[0];
    var y = get_previoussibling(x);
    document.getElementById("demo").innerHTML = x.nodeName + " = " + 
    x.childNodes[0].nodeValue +
    "<br>Previous sibling: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

亲自试一试