HTML | DOM 节对象

HTML DOM 中的 Section 对象用于表示 HTML

元素。可以使用 getElementById() 方法访问 section 元素。

句法：

document.getElementById("id")

其中 id 分配给

标签。
示例 1：

html

    
        
            HTML DOM section Object
        
    
     
    
 
        
            GeeksForGeeks
        
         
        DOM section Object
         
        
            Click Here
        
         
        
 
        
            A computer science portal for geeks.
        
         
        
            function Geeks() {
                var txt = document.getElementById("sec");
                txt.style.color = "green";
            }
        
    

输出：
点击按钮前：

点击按钮后：

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

html

    
        
            HTML DOM section Object
        
    
     
    
        
            GeeksForGeeks
        
         
        DOM section Object
 
        
            Click Here!
        
         
        
            function Geeks() {
                var x = document.createElement("SECTION");
                x.setAttribute("id", "sec");
                document.body.appendChild(x);
                 
                var para = document.createElement("H5");
                var txt = document.createTextNode("This"
                    " text belongs to section.");
                para.appendChild(txt);
                document.getElementById("sec").appendChild(para);
            }
        

                   

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧