HTML | DOM 文章对象

DOM 文章对象用于表示 HTML

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

句法：

document.getElementById("id"); 

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

示例 1：在下面的程序中，单击按钮即可访问文章对象，并且元素内文本的颜色会发生变化。

html

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

输出：
点击按钮前：

点击按钮后：

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

html

        
          GeeksForGeeks
        
 
        DOM article Object
 
        Click Here!
 
        
 
        
        function Geeks() {
            var txt = document.createElement("ARTICLE");
            var t = document.createTextNode("A computer
                              science portal for geeks.");
 
            txt.appendChild(t);
 
            document.getElementById("p").appendChild(txt);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：HTML DOM 文章对象支持的浏览器如下：

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