HTML DOM compareDocumentPosition() मेथड का उपयोग किसी दिए गए नोड की पोजीशन की तुलना किसी अन्य डॉक्यूमेंट में किसी अन्य नोड से करने के लिए किया जाता है। इस मेथड का रिटर्न टाइप डॉक्यूमेंट में उनकी पोजीशन का वर्णन करने के लिए इंटीजर टाइप का होता है। इंटीजर रिटर्न वैल्यूज निम्नानुसार निर्दिष्ट हैं:
1: कोई संबंध नहीं, दोनों नोड्स एक ही डॉक्यूमेंट से संबंधित नहीं हैं। 2: पहला नोड (para1) दूसरे नोड (para2) के बाद स्थित है। 4: पहला नोड (para1) दूसरे नोड (para2) से पहले स्थित है। 8: पहला नोड (para1) दूसरे नोड (para2) के अंदर स्थित है। 16: दूसरा नोड (para2) पहले नोड (para1) के अंदर स्थित है। 32: कोई संबंध नहीं, या दोनों नोड्स एक ही एलिमेंट पर दो एट्रिब्यूट्स हैं।
सिंटैक्स (Syntax)
HTML DOM compareDocumentPosition() मेथड का सिंटैक्स:
node.compareDocumentPosition(node)
यहां, नोड नोड ऑब्जेक्ट टाइप का है और उस नोड को निर्दिष्ट करता है जिसकी तुलना हम वर्तमान नोड से करना चाहते हैं।
उदाहरण (Example)
compareDocumentPosition() मेथड का एक उदाहरण:
<!DOCTYPE html> <html> <body> <p id="para1">This is a paragraph</p> <p id="para2">This is another paragraph</p> <p>दोनों पैराग्राफ की पोजीशन की तुलना करने के लिए बटन पर क्लिक करें।</p> <button onclick="docPosition()">POSITION</button> <p id="Sample"></p> <script> function docPosition() { var p1 = document.getElementById("para1").lastChild; var p2 = document.getElementById("para2").lastChild; var x = p2.compareDocumentPosition(p1); document.getElementById("Sample").innerHTML = x; } </script> </body> </html>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
POSITION बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले "para1" और "para2" आईडी वाले दो <p> एलिमेंट्स बनाए:
<p id="para1">This is a paragraph</p> <p id="para2">This is another paragraph</p>
फिर हमने एक POSITION बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर docPosition() मेथड को एक्जीक्यूट करेगा:
<button onclick="docPosition()">POSITION</button>
docPosition() मेथड डॉक्यूमेंट ऑब्जेक्ट पर getElementById() मेथड का उपयोग करके दोनों <p> एलिमेंट्स को प्राप्त करता है। फिर यह दोनों पैराग्राफ के lastChild प्रॉपर्टी वैल्यू को वेरिएबल p1 और p2 में क्रमशः असाइन करता है।
फिर हम p2 पर compareDocumentPosition() मेथड को p1 को पैरामीटर के रूप में पास करके कॉल करते हैं। इसका मतलब है कि हम p1 के सापेक्ष p2 की पोजीशन की तुलना करना चाहते हैं। चूंकि यहां p2, p1 के बाद स्थित है, इसलिए रिटर्न वैल्यू 2 है:
function docPosition() { var p1 = document.getElementById("para1").lastChild; var p2 = document.getElementById("para2").lastChild; var x = p2.compareDocumentPosition(p1); document.getElementById("Sample").innerHTML = x; }
