HTML | DOM HR 宽度属性

DOM HR width 属性用于设置或返回 HR 元素的宽度属性值。

句法：

• 它返回一个 HR 宽度属性。

  hrobject.width; 

• 它设置 HR 宽度属性。

  hrobject.width="value";

属性值

• 像素：它以像素为单位指定 HR 元素的宽度。

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

示例 1：此示例返回 HR 宽度属性。

  

    HTML DOM hr width property

  

    GeeksForGeeks
    DOM HR width 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").width;
            document.getElementById("sudo").innerHTML = x;
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例2：此示例设置 HR 宽度属性。

  

    HTML DOM hr width property

  

    GeeksForGeeks
    DOM HR width 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").width = "280px";
            document.getElementById("sudo").innerHTML = 
              "The value of the width Attribute was changed to " + x;
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：