XML DOM เปรียบเทียบDocumentPosition() Method
❮ วัตถุโหนด
ตัวอย่าง
โค้ดย่อยต่อไปนี้โหลด " books.xml " ลงใน xmlDoc และเปรียบเทียบตำแหน่งของสองโหนด (องค์ประกอบ <book> ที่หนึ่งและที่สาม) ในลำดับชั้น DOM:
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 x =
xmlDoc.getElementsByTagName('book')[0];
var y =
xmlDoc.getElementsByTagName('book')[2];
document.getElementById("demo").innerHTML =
x.compareDocumentPosition(y);
}
ผลลัพธ์ของโค้ดด้านบนจะเป็น:
4
เบราว์เซอร์ส่วนใหญ่จะถือว่าช่องว่างสีขาวหรือบรรทัดใหม่เป็นโหนดข้อความ IE 9 และรุ่นก่อนหน้าจะไม่ทำ ในตัวอย่างข้างต้น เบราว์เซอร์ส่วนใหญ่จะส่งออก 4 ในขณะที่ IE 9 และรุ่นก่อนหน้าจะออก 2
ความหมายและการใช้งาน
วิธี CompareDocumentPosition() จะเปรียบเทียบตำแหน่งของสองโหนดในลำดับชั้น DOM (เอกสาร)
รองรับเบราว์เซอร์
วิธี CompareDocumentPosition() ได้รับการสนับสนุนในเบราว์เซอร์หลักทั้งหมด
หมายเหตุ: Internet Explorer 9 และรุ่นก่อนหน้าไม่รองรับวิธีนี้
ไวยากรณ์
nodeObject.compareDocumentPosition(node)
พารามิเตอร์
Parameter | Type | Description |
---|---|---|
node | Node object | Required. Specifies the node to compare with the current node |
คืนมูลค่า
Type | Description |
---|---|
Number | A Number representing where the two nodes are positioned compared to each other. The possible return values
are:
1 - No relationship, the two nodes do not belong to the same document. 2 - The specified node precedes the current node. 4 - The specified node follows the current node. 8 - The specified node contains the current node. 16 - The specified node is contained by the current node. 32 - The specified and the current node have no common container node or the two nodes are different attributes of the same node. Note: The return value could also be a combination of values. E.g. a return value of 20 means that the specified node is contained by the current node (16) AND the specified node follows the current node (4). |
รายละเอียดทางเทคนิค
เวอร์ชัน DOM | วัตถุโหนดระดับ 3 หลัก |
---|
❮ วัตถุโหนด