HTML | DOM id 属性

DOM id 属性用于设置或返回元素的 id，即 Id 属性的值。文档中的 ID 应该不同。它是通过使用 document.getElementById() 方法返回的。

句法

HTMLElementObject.id

返回值：此语法用于返回 id 属性。

HTMLElementObject.id = id

属性：它包含 ID 属性的值，用于返回 ID 属性。

示例 1：获取第一个元素的 ID。

  

    
        HTML | DOM id Property
    
    
        .GEEKS {
            display: block;
            padding: 5px;
            background-color: green;
            color: white;
        }
          
        #GFG {
            background-color: tomato;
        }
    

  

    
     GeeksForGeeks
    
  
    
     DOM ID Property
    
  
    
      C programming
    
    
      java
    
    
      Ruby
    
  
    
      Submit
    
  
    
  
    
        function GEEKS() {
            var x =
                document.getElementsByClassName("GEEKS ")[0].id;
            document.getElementById("SUDO ").innerHTML = x;
        }
    
  

  

输出：

示例 2：更改特定 ID 处的值。

  

    
        HTML | DOM id Property
    
  

  

    
        
         GeeksForGeeks
        
  
        
         DOM ID Property
        
  
        
          GeeksforGeeks
        
  
        Submit
  
        
  
        
            function geeks() {
                document.getElementById("geeks").id = "sudo";
                document.getElementById("gfg").innerHTML =
                    "The value of the ID attribute" + 
                    "changed from geeks to sudo";
            }
        
    
  

  

输出：

支持的浏览器： DOM ID 属性支持的浏览器如下：

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