HTML DOM dir প্রপার্টি একটি এলিমেন্টের টেক্সট ডিরেকশন ডিফল্ট লেফট টু রাইট থেকে রাইট টু লেফট বা অটো-এ পরিবর্তন করতে ব্যবহৃত হয়। dir প্রপার্টি একটি এলিমেন্টের dir অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। রিটার্ন হওয়া dir অ্যাট্রিবিউটের মান স্ট্রিং টাইপের।
সিনট্যাক্স
dir প্রপার্টি সেট করার সিনট্যাক্স:
HTMLElementObject.dir = "ltr|rtl|auto"
এখানে, ltr=লেফট টু রাইট টেক্সট ডিরেকশন এবং এটি ডিফল্ট টেক্সট ডিরেকশন।, rtl=রাইট টু লেফট টেক্সট ডিরেকশন, auto=টেক্সট ডিরেকশন কন্টেন্টের ওপর ভিত্তি করে এবং সাধারণত ওয়েব ব্রাউজার দ্বারা নির্ধারিত হয়।
উদাহরণ
HTML DOM dir প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h2>HTML DOM dir প্রপার্টি</h2> <p id="Sample">This is a sample text</p> <button onclick="changeDir()">Change Dir</button> <script> function changeDir() { document.getElementById("Sample").dir = "rtl"; } </script> <p>উপরের বাটনে ক্লিক করলে টেক্সট ডিরেকশন পরিবর্তন হবে</p> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
“Change Dir” বাটনে ক্লিক করলে:
আমরা প্রথমে “Change Dir” বাটন তৈরি করেছি যা ইউজার ক্লিক করলে changeDir() ফাংশন এক্সিকিউট করবে:
<button onclick="changeDir()">Change Dir</button>
changeDir() ফাংশন getElementById() মেথড ব্যবহার করে প্যারাগ্রাফ এলিমেন্ট পাওয়া এবং এর dir প্রপার্টির মান রাইট টু লেফট-এ সেট করা। এতে টেক্সট ডান থেকে বামে প্রদর্শিত হবে:
function changeDir() { document.getElementById("Sample").dir = "rtl"; } 