HTML | DOM Bdo dir Propiedad

La propiedad Bdo dir en HTML DOM se usa para establecer o devolver el valor de la dirección del texto de un elemento. El atributo dir define la dirección del texto de un elemento.

Sintaxis:

  • Se utiliza para devolver la propiedad de dirección del texto.
    bdoObject.dir
  • Se utiliza para establecer la propiedad de dirección del texto.
    bdoObject.dir = "ltr|rtl"

Valores de propiedad:

  • ltr: Define la dirección del texto de izquierda a derecha.
  • rtl: Define la dirección del texto de derecha a izquierda.

Valor devuelto: Devuelve un valor de string que representa la dirección del texto de un elemento.

Ejemplo 1: Este ejemplo ilustra cómo configurar la propiedad 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>                    

Salida:
Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo 2: Este ejemplo ilustra cómo devolver la propiedad 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>                    

Salida:
Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Navegadores compatibles: los navegadores compatibles con la propiedad DOM Bdo dir se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *