HTML DOM dir प्रॉपर्टी का उपयोग किसी तत्व की टेक्स्ट दिशा को डिफ़ॉल्ट रूप से बाएं से दाएं से बाएं या ऑटो में बदलने के लिए किया जाता है। डीआईआर संपत्ति का उपयोग किसी तत्व के डीआईआर विशेषता मान को सेट करने और वापस करने के लिए किया जाता है। लौटाया गया डीआईआर विशेषता मान स्ट्रिंग प्रकार का है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैडीआईआर प्रॉपर्टी सेट करना -
HTMLElementObject.dir = "ltr|rtl|auto"
यहां, ltr=बाएं से दाएं टेक्स्ट दिशा और यह डिफ़ॉल्ट टेक्स्ट दिशा है।, rtl=दाएं से बाएं टेक्स्ट दिशा, ऑटो=टेक्स्ट दिशा यहां सामग्री पर आधारित है और आमतौर पर वेब ब्राउज़र द्वारा इसका पता लगाया जाता है।
उदाहरण
आइए HTML DOM dir प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h2>HTML DOM dir property</h2>
<p id="Sample">This is a sample text</p>
<button onclick="changeDir()">Change Dir</button>
<script>
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
</script>
<p>Clicking on the above button will change the text direction</p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"चेंज डिर" बटन पर क्लिक करने पर -
हमने पहले एक बटन "चेंज डिर" बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजडायर () फ़ंक्शन को निष्पादित करेगा -
<button onclick="changeDir()">Change Dir</button>
ChangeDir () फ़ंक्शन getElementById () विधि का उपयोग करके पैराग्राफ तत्व प्राप्त करता है और इसके dir गुण मान को दाएं से बाएं सेट करता है। यह दाएँ से बाएँ पाठ को प्रदर्शित करता है -
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}