HTML | DOM Bdo dir Property

Last Updated : 19 Feb, 2019

The Bdo dir Property in HTML DOM is used to set or return the value of the text direction of an element. The dir attribute defines the text direction of an element.

Syntax:

It is used to return the text direction property.
```
bdoObject.dir
```
It is used to set the text direction property.
```
bdoObject.dir = "ltr|rtl"
```

Property Values:

ltr: It defines the left-to-right text direction.
rtl: It defines the right-to-left text direction.

Return Value: It returns a string value which represent the text direction of an element.

Example 1: This example illustrates how to set the dir Property.

<!DOCTYPE html>  
<html>  
  
    <head>  
        <title> 
            HTML DOM Bdo dir Property 
        </title> 
    </head>  
  
    <body style="text-align:center;">  
          
        <h1>GeeksForGeeks</h1>  
          
        <h2>DOM Bdo dir Property</h2>  
          
        <bdo id="GFG" dir="rtl">  
            A Computer science portal for geeks  
        </bdo><br>  
          
        <button onclick="myGeeks()"> 
            Submit 
        </button>  
          
        <script>  
            function myGeeks() {  
                document.getElementById("GFG").dir = "ltr"; 
            }  
        </script>  
    </body>  
</html>                     

Output:
Before Click on the button:

After Click on the Button:

Example 2: This example illustrates how to return the dir Property.

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML DOM Bdo dir Property 
        </title> 
    </head>  
  
    <body style="text-align:center;">  
      
        <h1>GeeksForGeeks</h1> 
          
        <h2>DOM Bdo dir Property</h2>  
          
        <bdo id="GFG" dir="rtl">  
            A Computer science portal for geeks  
        </bdo><br>  
          
        <button onclick="myGeeks()"> 
            Submit 
        </button> 
          
        <p id="sudo" style="font-size:35px;color:green;"></p>  
          
        <script>  
            function myGeeks() {  
                var w = document.getElementById("GFG").dir; 
                document.getElementById("sudo").innerHTML = w; 
            }  
        </script>  
    </body>  
</html>                     