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

HTML DOM dir प्रॉपर्टी का उपयोग किसी तत्व की टेक्स्ट दिशा को डिफ़ॉल्ट लेफ्ट-टू-राइट से राइट-टू-लेफ्ट या ऑटो में बदलने के लिए किया जाता है। dir प्रॉपर्टी का उपयोग किसी तत्व के dir attribute के मान को सेट करने और लौटाने के लिए किया जाता है। लौटाया गया dir attribute मान स्ट्रिंग प्रकार का होता है।

सिंटैक्स

dir प्रॉपर्टी सेट करने के लिए सिंटैक्स:

HTMLElementObject.dir = "ltr|rtl|auto"

यहां, ltr = लेफ्ट-टू-राइट टेक्स्ट दिशा और यह डिफ़ॉल्ट टेक्स्ट दिशा है। rtl = राइट-टू-लेफ्ट टेक्स्ट दिशा। auto = यहां कंटेंट के आधार पर टेक्स्ट दिशा होती है और आमतौर पर वेब ब्राउज़र द्वारा निर्धारित की जाती है।

उदाहरण

आइए HTML DOM dir प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h2>HTML DOM dir प्रॉपर्टी</h2> 
<p id="Sample">यह एक नमूना टेक्स्ट है</p> 
<button onclick="changeDir()">Change Dir</button> 
<script> 
  function changeDir() { 
    document.getElementById("Sample").dir = "rtl"; 
  } 
</script> 
<p>ऊपर दिए गए बटन पर क्लिक करने से टेक्स्ट दिशा बदल जाएगी</p> 
</body> </html>

आउटपुट

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

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

"Change Dir" बटन पर क्लिक करने पर:

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

उदाहरण की व्याख्या

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

हमने पहले एक बटन "Change Dir" बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeDir() फंक्शन को एक्ज़िक्यूट करता है:

<button onclick="changeDir()">Change Dir</button>

changeDir() फंक्शन getElementById() मेथड का उपयोग करके पैराग्राफ तत्व को प्राप्त करता है और इसकी dir प्रॉपर्टी का मान राइट-टू-लेफ्ट पर सेट करता है। यह टेक्स्ट को राइट-टू-लेफ्ट प्रदर्शित करता है:

function changeDir() { 
  document.getElementById("Sample").dir = "rtl"; 
}