HTML DOM Bdo dir प्रॉपर्टी

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

सिंटैक्स

निम्नलिखित सिंटैक्स है -

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 DIRECTION पर क्लिक करने पर -

HTML DOM Bdo dir प्रॉपर्टी

SET DIRECTION पर क्लिक करने पर -

HTML DOM Bdo dir प्रॉपर्टी

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

हमने पहले <h3>एलिमेंट के अंदर एक एलिमेंट बनाया है जिसका 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() फ़ंक्शन इससे जुड़े id “myBdo” वाले एलिमेंट को प्राप्त करता है जो हमारे मामले में <bdo> एलिमेंट है। एलिमेंट से प्राप्त dir प्रॉपर्टी मान को फिर वेरिएबल x को असाइन किया जाता है। मान को फिर इससे जुड़े id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है -

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

setDirection() फ़ंक्शन id “mybdo” से एलिमेंट प्राप्त करता है और इसके dir प्रॉपर्टी मान को “ltr” पर सेट करता है जिसका अर्थ है बाएं से दाएं। यह डिफ़ॉल्ट टेक्स्ट दिशा भी है -

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