HTML DOM Marquee height属性用法及代码示例

HTML DOM Marquee height 属性用于设置或返回 <marquee> 元素的 height 属性值。

用法:

它返回选取框高度属性。

marqueeObject.height

它设置选取框高度属性。

marqueeObject.height="px/%"

注意：该属性从 HTML 5 开始已被弃用。

属性值：

px: 它定义选取框的高度值。
%：它定义选取框的高度值。

返回值：它返回一个数值，表示 <marquee> 元素的高度(以像素为单位)

示例 1：下面的 HTML 代码返回选取框高度属性。

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>

输出：

HTML DOM Marquee height Property

示例 2：下面的 HTML 代码设置选取框高度属性。

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>

输出：

HTML DOM Marquee height Property

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
苹果浏览器
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Marquee height Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。