El objeto DOM Bdo se utiliza para representar el elemento HTML <Bdo>. Se accede al elemento bidireccional mediante getElementById().
Propiedades: tiene un atributo di r que se usa para establecer o devolver la dirección del texto de un elemento.
Sintaxis:
document.getElementById("GFG");
Donde “GFG” es el ID asignado a la etiqueta “bdo” .
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-size: 35px;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>DOM Bdo Object</h2>
<bdo id="GFG" dir="rtl">
A Computer science portal for geeks
</bdo>
<br>
<button onclick="myGeeks()">Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
var w = document.getElementById("GFG");
if (w.dir === "rtl") {
document.getElementById("sudo").innerHTML =
"right to left text direction";
} else {
document.getElementById("sudo").innerHTML =
" left to right text direction.";
}
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: El objeto Bdo se puede crear utilizando el método “document.createElement .
html
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-size: 35px;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>DOM Bdo Object</h2>
<button onclick="myGeeks()">Submit</button>
<script>
function myGeeks() {
var g = document.createElement("BDO");
var f = document.createTextNode("GeeksForGeeks.");
g.setAttribute("dir", "rtl");
g.appendChild(f);
document.body.appendChild(g);
}
</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 DOM Bdo Object 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