HTML | DOM dir Property
The DOM dir Property is used to set or return the value of dir attribute in an Element. It defines a direction of the text in an Element Content.
Syntax
HTMLElementObject.dir
Return Values: It returns the the direction of the text.
HTMLElementObject.dir = "ltr|rtl|auto"
Properties:
- ltr: It is a default Value and used to return the text-direction towards left-to-right.
- rtl: It is used to return the right-to-left text-direction.
Example-1: To change the direction of the text.
HTML
<!DOCTYPE html><html><head> <title> HTML | DOM dir Property </title> <style> button { margin-left: 270px; } </style></head><body> <h1 style="color:green;font-weight:bold;text-align:center;"> GeeksForGeeks </h1> <h2 style="color:green;font-weight:bold;text-align:center"> DOM dir Property </h2> <p id="sudo" dir="ltr"> <b> GeeksForGeeks is a good website for learning computer science. </b> </p> <button onclick="geeks()">Submit</button> <p id="GFG"></p> <script> function geeks() { var g = document.getElementById("sudo").dir = "rtl"; document.getElementById("GFG").innerHTML = "The text-direction was changed from ltr to " + g; } </script></body></html> |
Before clicking on button:
After clicking on button:
Example-2: To get the direction of the text.
HTML
Before clicking on button:
After clicking on btton:
Supported Browsers: The browser supported by DOM Dir property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
