HTML| DOM HR 对象

DOM HR 对象用于表示 HTML

---

元素。 hr元素由getElementById()访问。

特性：

• Align：用于设置或返回水平元素的对齐方式。
• color：用于设置或返回水平元素的颜色。
• noshade：用于设置或返回水平元素中的 noshade 属性。
• size：用于设置或返回水平线的高度。
• width：用于设置或返回水平线的宽度。

句法：

document.getElementById("ID");

其中“ID”代表元素ID。

示例 1：

  

    HTML hr tag

  

    GeeksForGeeks
    DOM HR Object
    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");
            x.style.display = "none";
        }
    

  

输出：

单击按钮之前：

点击按钮后：

示例 2：可以使用 document.createElement 方法创建 HR 对象。

  

    HTML hr tag

  

    GeeksForGeeks
    DOM HR Object
    Submit
  
    
        function myGeeks() {
            var g = document.createElement("HR");
            document.body.appendChild(g);
        }
    

  
                    

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM HR 对象支持的浏览器如下：

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