HTML | DOM HR size 属性

DOM HR size 属性用于设置或返回

---

元素的 size 属性值。

句法：

• 它返回 HR 大小属性。

hrobject.size

• 它用于设置 HR 大小属性。

hrobject.size="value"

属性值：

• value：它包含指定 HR 元素高度的像素值。

返回值：它返回一个表示 HR 元素高度的字符串值。

示例 1：此示例返回 HR 大小属性。

HTML

 

    HTML DOM HR size property

 

    GeeksForGeeks
    DOM HR size Property
     
     

        There is a horizontal rule
        below this paragraph.
    
  
     
    
    
     
     

        This is a horizontal rule
        above this paragraph.
    
  
     
    
        Try it
    
     
    
     
    
        function myGeeks() {
             
            // Accessing 'hr' tag.
            var x = document.getElementById("GFG").size;
            document.getElementById("sudo").innerHTML = x;
        }
    

 

• 点击按钮前：

• 点击按钮后：

示例 2：此示例设置 HR 大小属性。

HTML

 

    HTML DOM HR size property

 

    GeeksForGeeks
    DOM HR size Property
     
     

        There is a horizontal rule
        below this paragraph.
    
  
     
    
    
     
     

        This is a horizontal rule
        above this paragraph.
    
 
     
    Try it
 
    
     
    
        function myGeeks() {
             
            // Accessing 'hr' tag.
            var x =
                document.getElementById("GFG").size = "5";
             
            document.getElementById("sudo").innerHTML
                    = "The value of the size Attribute "
                    + "was changed to " + x;
        }
    

 

• 点击按钮前：

• 点击按钮后：

支持的浏览器： DOM HR size 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧