HTML | DOM 小对象

HTML DOM 中的 Small Object 用于表示 HTML 元素。可以使用 getElementById() 方法访问小元素。

句法：

document.getElementById("id"); 

其中 id 分配给 标签。

示例 1：

html

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

输出：
点击按钮前：

点击按钮后：

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

html

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

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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