Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Bdo ऑब्जेक्ट


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

प्रॉपर्टीज

निम्नलिखित bdo ऑब्जेक्ट प्रॉपर्टी है -

प्रॉपर्टी विवरण
dir एक <bdo> एलिमेंट के dir एट्रिब्यूट के मान को सेट या लौटाता है

सिंटैक्स

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

bdo ऑब्जेक्ट बनाना -

var a = document.createElement("BDO");

bdo ऑब्जेक्ट एक्सेस करना -

var a = document.getElementById("demoBdo");

उदाहरण

आइए HTML DOM bdo ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html> <html> <body> <p>Click the below button to create bdo element with text from right to left</p> <button onclick="bdoCreate()">CREATE</button> <button onclick="getDirection()">GET DIRECTION</button> <br><br> <p id="Sample"></p> <script>    function bdoCreate() {       var x = document.createElement("BDO");       var t = document.createTextNode("RIGHT TO LEFT");       x.setAttribute("dir", "rtl");       x.setAttribute("id","myBDO");       x.appendChild(t);       document.body.appendChild(x);    }    function getDirection(){       var x= document.getElementById("myBDO").dir;       document.getElementById("Sample").innerHTML="The direction is from"+x;    } </script> </body> </html>

आउटपुट

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

HTML DOM Bdo ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर -

HTML DOM Bdo ऑब्जेक्ट

GET DIRECTION बटन पर क्लिक करने पर -

HTML DOM Bdo ऑब्जेक्ट


  1. HTML DOM dl ऑब्जेक्ट HTML DOM dl ऑब्जेक्ट

    HTML DOM dl ऑब्जेक्ट HTML <dl> तत्व से जुड़ा होता है। <dl> तत्व विवरण सूची (description list) बनाने के लिए होता है। dl ऑब्जेक्ट का उपयोग करके हम JavaScript का उपयोग करके <dl> तत्व को डायनामिकली बना और एक्सेस कर सकते हैं। सिंटैक्स विवरण सूची बनाने के लिए सिंटैक्स: var p = document.

  1. HTML DOM HR ऑब्जेक्ट HTML DOM HR ऑब्जेक्ट

    विवरण HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व को दर्शाता है। HR ऑब्जेक्ट बनाएं सिंटैक्स document.createElement(HR); उदाहरण आइए hr ऑब्जेक्ट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6;

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट