HTML | DOM BR 对象

DOM BR 对象用于表示 HTML
元素。 br元素由getElementById()访问。

句法：

getElementById(id)

其中“id”是分配给br标签的 ID。

示例-1：

  

    br Tag
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
    DOM br Object
  
    
    GeeksforGeeks:
         Computer science portal
    Subnit
    
        function myGeeks() {
            var w = document.getElementById("GFG");
            w.style.display = "none";
        }
    

  

输出：

点击按钮之前：

点击按钮后：

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

  

    
        GeeksForGeeks
        DOM BR Object
        
          Submit
        
  
        
            Hello, 
            Geeks.
            For
            Geeks
        
  
        
            function Geeks() {
                <!-- Get the div element with id="GFG" -->
                var g = document.getElementById("GFG");
  
                <!-- Get all span elements inside of div. -->
                var f = g.getElementsByTagName("SPAN");
  
                <!-- Create a loop which will insert a br
                     element before each span element in div, 
                     starting from the second span element. -->
                         
                var j;
                for (j = 1; j < f.length; j++) {
                    var w = document.createElement("BR");
                    g.insertBefore(w, f[j]);
                }
            }
        
  
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM Br Object支持的浏览器如下：

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