La propiedad de dirección de marquesina en HTML DOM se usa para establecer o devolver el valor del atributo de dirección de la etiqueta <marquee> .
Sintaxis:
Se utiliza para devolver la propiedad de dirección de marquesina .
marqueeObject.direction;
Se utiliza para establecer la propiedad de dirección de la marquesina .
marqueeObject.direction = "up|down|left|right"
Nota: esta propiedad se deprecia de HTML 5.
Valores de propiedad:
- arriba: Establece la dirección hacia arriba.
- down: Establece la dirección hacia abajo.
- left: Establece la dirección a la izquierda. Es un valor predeterminado.
- right: Establece la dirección a la derecha.
Valor devuelto: Devuelve un valor de string que representa la dirección de un texto en movimiento.
Ejemplo 1: El siguiente código HTML ilustra cómo acceder a una propiedad de dirección de marquesina .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee direction Property</h2>
<marquee id="marqueeID" direction="up">
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Get direction of Marquee element
</button>
<p id="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById(
"marqueeID").direction;
document.getElementById(
"paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: El siguiente código HTML ilustra cómo cambiar la dirección del objeto de marquesina.
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee direction property</h2>
<marquee id="marqueeID" direction="up">
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Change direction of Marquee element
</button>
<p id="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById(
"marqueeID").direction = "left";
document.getElementById(
"paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome 1.0
- Borde 12.0
- Firefox 1.0
- Internet Explorer 2.0
- Ópera 7.2
- Safari 1.2
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA