HTML DOM compareDocumentPosition() মেথড একটি দেওয়া নোডের পজিশন অন্য যেকোনো নোডের সাথে যেকোনো ডকুমেন্টে তুলনা করতে ব্যবহৃত হয়। এই মেথডের রিটার্ন টাইপ ইন্টিজার যা ডকুমেন্টে তাদের পজিশন বর্ণনা করে। ইন্টিজার রিটার্ন ভ্যালুগুলো নিচে নির্দিষ্ট করা হলো -
1: কোনো সম্পর্ক নেই, দুটি নোড একই ডকুমেন্টের অন্তর্গত নয়। 2: প্রথম নোড (para1) দ্বিতীয় নোড (para2)-এর পরে পজিশन्ड। 4: প্রথম নোড (para1) দ্বিতীয় নোড (para2)-এর আগে পজিশन्ड। 8: প্রথম নোড (para1) দ্বিতীয় নোড (para2)-এর ভিতরে পজিশन्ड। 16: দ্বিতীয় নোড (para2) প্রথম নোড (para1)-এর ভিতরে পজিশन्ड। 32: কোনো সম্পর্ক নেই, অথবা দুটি নোড একই এলিমেন্টের দুটি অ্যাট্রিবিউট।
সিনট্যাক্স
HTML DOM compareDocumentPosition() মেথডের সিনট্যাক্স নিচে দেওয়া হলো -
node.compareDocumentPosition(node)
এখানে, node টাইপ নোড অবজেক্ট এবং সেই নোডকে স্পেসিফাই করে যেটি আমরা করেন্ট নোডের সাথে তুলনা করতে চাই।
উদাহরণ
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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে -
POSITION বাটনে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে দুটি <p> এলিমেন্ট তৈরি করেছি "para1" এবং "para2" আইডি দিয়ে।
<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 ভেরিয়েবলে অ্যাসাইন করে।
তারপর আমরা compareDocumentPosition() মেথড p2-তে কল করি p1 প্যারামিটার হিসেবে। এর মানে হলো আমরা p2-এর পজিশন p1-এর সাথে তুলনা করতে চাই। যেহেতু এখানে p2, p1-এর পরে পজিশन्ड, তাই রিটার্ন ভ্যালু ২ -
function docPosition() { var p1 = document.getElementById("para1").lastChild; var p2 = document.getElementById("para2").lastChild; var x = p2.compareDocumentPosition(p1); document.getElementById("Sample").innerHTML = x; }
