HTML DOM Object vspace屬性用法及代碼示例

HTML DOM Object vspace 屬性用於設置或返回對象元素的 vspace 屬性值。 vspace 屬性用於指定對象頂部和底部的空格數。

用法

它返回對象 vspace 屬性。

objObject.vspace;

它設置對象 vspace 屬性。

objObject.hspace="pixels".

屬性值：它包含表示頂部和底部的空格數(以像素為單位)的數值。

範例1：此示例返回 vspace 屬性。

HTML


<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h2>GeeksforGeeks</h2>
  
        <h3>DOM Object vspace property</h3>
          
        <object id="myobject" width="180" height="78" vspace="50"
data="https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
        </object>
  
        <p>A Good Platform for earning and learning.</p>
        <br>
  
        <button onclick="btnclick1()">
            Click it
        </button>
  
        <p id="paraID" style="color:green;font-size:25px;"></p>
  
    </center>
  
    <script>
        function btnclick1() {
          
            // Accessing Object element
            var x = document.getElementById("myobject").vspace;
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>
  
</html>

輸出：

範例2：此示例設置對象 vspace 屬性。

HTML


<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h2>GeeksforGeeks</h2>
  
        <h3>DOM Object vspace Property</h3>
          
        <object id="myobject" width="180" height="78" vspace="50"
data="https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
        </object>
  
        <p>A Good Platform for earning and learning.</p>
        <br>
  
        <button onclick="btnclick1()">
            Click it
        </button>
  
        <p id="paraID" style="color:green;font-size:25px;"></p>
  
    </center>
  
    <script>
        function btnclick1() {
          
            // Accessing Object element
            var x = document.getElementById("myobject").vspace = "5";
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>
  
</html>

輸出：

注意：HTML5 不支持它。

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM Object vspace Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。