Propiedad de altura de marquesina HTML DOM

La propiedad HTML DOM Marquee height se utiliza para establecer o devolver el valor del atributo de altura del elemento <marquee> .

Sintaxis:

Devuelve la propiedad de altura de la marquesina.

marqueeObject.height

Establece la propiedad de altura de la marquesina.

marqueeObject.height="px/%"

Nota: esta propiedad se deprecia de HTML 5.

Valores de propiedad:

  • px: Define el valor de la altura de la marquesina.
  • %: Define el valor de altura de la marquesina.

Valor devuelto: Devuelve un valor numérico que representa la altura del elemento <marquee> en términos de píxel

Ejemplo 1: El siguiente código HTML devuelve la propiedad de altura de la marquesina.

HTML

<!DOCTYPE html>
<html>
 
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h2>DOM Marquee height Property</h2>
 
    <marquee id="marqueeID" direction="right"
            behavior="slide" loop="3"
            bgcolor="green" height="40px">
        GeeksforGeeks:A computer Science
        Portal for Geeks
    </marquee>
    <br><br>
 
    <button onclick="btnClick()">
        Return height of Marquee Tag
    </button>
    <p id="sudo"></p>
 
 
    <script>
        function btnClick() {
            var txt = document.getElementById(
                "marqueeID").height;
 
            document.getElementById(
                "sudo").innerHTML = txt;
        }
    </script>
</body>
 
</html>

Producción:

HTML DOM Marquee height Property

Ejemplo 2: el código HTML siguiente establece la propiedad de altura de la marquesina.

HTML

<!DOCTYPE html>
<html>   
    <body style="text-align:center;">
     
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee height Property</h2>
         
        <marquee id="marqueeID" direction="right"
         behavior="slide" loop="3"
         bgcolor="green" height="40px">
            GeeksforGeeks:A computer Science
            Portal for Geeks
        </marquee>       
        <br><br>
         
        <button onclick="btnClick()">
          Change height of Marquee Tag
        </button>
              <p id ="sudo"></p>
 
 
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").height = "20px";
     
                document.getElementById(
                    "sudo").innerHTML = txt;
            }
        </script>   
    </body>
</html>

Producción:

HTML DOM Marquee height Property

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

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 *