當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。