HTML DOM Bdo dir সম্পত্তি

HTML DOM Bdo dir প্রপার্টি HTML এলিমেন্টের সাথে যুক্ত। এখানে, bdo মানে দ্বি-দিকনির্দেশক ওভাররাইড। ট্যাগটি বর্তমান পাঠ্যের দিকনির্দেশকে ওভাররাইড করতে ব্যবহৃত হয় যা ডিফল্টভাবে বাম থেকে ডানে থাকে। bdo dir প্রপার্টি একটি উপাদানের dir অ্যাট্রিবিউট মান সেট করে বা ফেরত দেয়। dir সম্পত্তি উপাদানের জন্য বাধ্যতামূলক। এটি পাঠ্য প্রবাহের দিক নির্দেশ করে৷

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

dir সম্পত্তি সেট করা -

bdoObject.dir = "ltr|rtl"

এখানে, ltr হল বাম-থেকে-ডান টেক্সট দিকনির্দেশ, যেখানে rtl হল ডান-থেকে-বাম টেক্সট দিক।

dir সম্পত্তি ফেরত −

bdoObject.dir

উদাহরণ

আসুন HTML DOM bdo dir প্রপার্টি -

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>
<p>Click the below button to get text direction of the above text</p>
<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>
<p id="Sample"></p>
<script>
   function getDirection() {
      var x = document.getElementById("myBdo").dir;
      document.getElementById("Sample").innerHTML ="The text direction is from " + x;
   }
   function setDirection(){
      document.getElementById("myBdo").dir="ltr";
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM Bdo dir সম্পত্তি

GET DREECTION -

-এ ক্লিক করলে

HTML DOM Bdo dir সম্পত্তি

SET DREECTION -

-এ ক্লিক করলে

HTML DOM Bdo dir সম্পত্তি

উপরের উদাহরণে -

আমরা প্রথমে এর ভিতরে একটি উপাদান তৈরি করেছি

ডির অ্যাট্রিবিউট মান সহ উপাদান "rtl" −

এ সেট করা হয়েছে

<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>

তারপরে আমরা যথাক্রমে getDirection() এবং setDirection() ফাংশনগুলি চালানোর জন্য GET DIRECTION এবং SET DIRECTION দুটি বোতাম তৈরি করেছি -

<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>

getDirection() ফাংশনটি এর সাথে যুক্ত "myBdo" আইডি সহ উপাদান পায় যা আমাদের ক্ষেত্রে উপাদান। উপাদান থেকে প্রাপ্ত dir সম্পত্তি মান তারপর পরিবর্তনশীল x-এ বরাদ্দ করা হয়। তারপর মানটি অনুচ্ছেদে প্রদর্শিত হয় যেটির সাথে যুক্ত "নমুনা" আইডি রয়েছে -

function getDirection() {
   var x = document.getElementById("myBdo").dir;
   document.getElementById("Sample").innerHTML ="The text direction is from " + x;
}

setDirection() ফাংশন আইডি "mybdo" দ্বারা উপাদান পায় এবং এর dir প্রপার্টির মান "ltr" সেট করে যার অর্থ বাম থেকে ডানে। এটি ডিফল্ট টেক্সট দিকনির্দেশ -

function setDirection(){
   document.getElementById("myBdo").dir="ltr";
}