HTML Bdo dir用法及代碼示例

HTML DOM中的Bdo dir屬性用於設置或返回元素的文本方向的值。 dir屬性定義元素的文本方向。

用法:

它用於返回文本方向屬性。
```
bdoObject.dir
```
它用於設置文本方向屬性。
```
bdoObject.dir = "ltr|rtl"
```

屬性值：

ltr:它定義了從左到右的文本方向。
rtl:它定義了從右到左的文本方向。

返回值：它返回一個表示元素文本方向的字符串值。

範例1：本示例說明了如何設置dir屬性。

<!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>

輸出：
之前單擊按鈕：

單擊按鈕後：

範例2：本示例說明了如何返回dir屬性。

<!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>

輸出：
在單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM Bdo dir屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Bdo dir Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。