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