HTML | DOM 代码对象

DOM 代码对象用于表示 HTML 元素。 Code 元素由getElementById()访问。

句法：

document.getElementById("id"); 

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

示例 1：

  

    
        
          GeeksForGeeks
        
        DOM code Object
        
        
        
          GeeksForGeeks: A computer science portal for geeks.
        
        
        
        
        Submit
  
        
            function myGeeks() {
                var g = document.getElementById("GFG");
  
                <!--Change the color of code element.-->
                g.style.color = "coral";
            }
        
  

  

输出：

点击按钮之前：

点击按钮后：

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

  

    
        
          GeeksForGeeks
        
        DOM code Object
        
        
        Submit
  
        
            <!--Creating code element-->
            function myGeeks() {
                var g = document.createElement("CODE");
                var f = 
                document.createTextNode("GeeksForGeeks:"
                +"A computer science portal for geeks.");
  
                g.appendChild(f);
  
                document.body.appendChild(g);
            }
        

  

输出：

点击按钮前：

点击按钮后：

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

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