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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。