एचटीएमएल डोम बीडीओ डीआईआर संपत्ति

<घंटा/>

HTML DOM Bdo dir गुण HTML तत्व से संबद्ध है। यहाँ, bdo का अर्थ द्वि-दिशात्मक ओवरराइड है। टैग का उपयोग वर्तमान टेक्स्ट दिशा को ओवरराइड करने के लिए किया जाता है जो डिफ़ॉल्ट रूप से बाएं से दाएं होता है। bdo dir गुण तत्व का dir विशेषता मान सेट या लौटाता है। तत्व के लिए dir गुण अनिवार्य है। यह पाठ प्रवाह की दिशा निर्दिष्ट करता है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

डीआईआर प्रॉपर्टी सेट करना -

bdoObject.dir = "ltr|rtl"

यहाँ, ltr बाएँ से दाएँ पाठ दिशा है, जबकि rtl दाएँ-से-बाएँ पाठ दिशा है।

डीआईआर संपत्ति लौटाना -

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>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम बीडीओ डीआईआर संपत्ति

दिशा प्राप्त करें क्लिक करने पर -

एचटीएमएल डोम बीडीओ डीआईआर संपत्ति

SET DIRECTION -

. पर क्लिक करने पर

एचटीएमएल डोम बीडीओ डीआईआर संपत्ति

उपरोक्त उदाहरण में -

हमने सबसे पहले . के अंदर एक तत्व बनाया है

डीआईआर विशेषता मान वाला तत्व "आरटीएल" पर सेट है -

<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;
}

से है

सेटडायरेक्शन () फ़ंक्शन आईडी "mybdo" द्वारा तत्व प्राप्त करता है और इसके डीआईआर संपत्ति मूल्य को "एलटीआर" पर सेट करता है जिसका अर्थ है बाएं से दाएं। यह डिफ़ॉल्ट टेक्स्ट दिशा भी है -

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