HTML | DOM 头对象

DOM 标头对象用于表示 HTML

元素。头元素可以通过getElementById()方法访问。

句法：

document.getElementById("id"); 

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

示例 1：在下面的程序中，访问了 header 元素并更改了 header 元素内文本的颜色。

html

        
          GeeksForGeeks
        
 
        DOM header Object
 
        
          
               
A computer science portal for geeks.
 
          
        
         
        Click Here!
         
        
        function Geeks() {
            var doc = document.getElementById("head");
            doc.style.color = "green";
        }
        

输出：
点击按钮前：

点击按钮后：

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

html

        
          GeeksForGeeks
        
 
        DOM header Object
 
        Click Here!
        
 
        
        function Geeks() {
          var x = document.createElement("HEADER");
          document.body.appendChild(x);
         
          var doc = document.createElement("H3");
          var t = document.createTextNode("A computer
          science portal for geeks.");
          doc.appendChild(t);
         
          document.getElementById("head").appendChild(doc);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• Internet Explorer（IE 8.0 之后）
• 苹果浏览器
• 歌剧