如何使用 JavaScript 更改元素的 ID？

给定一个 HTML 文档，任务是使用 JavaScript 更改元素的 ID。下面讨论两种方法：

方法 1：我们可以使用id 属性来使用 JavaScript 更改 ID。

• 例子：

    
  
      
          Change the ID of the element
          using pure JavaScript
      
    
      
          .div {
              height: 100px;
              width: 200px;
              margin: 0 auto;
              color: white;
          }
    
          #div1 {
              background: green;
          }
    
          #div2 {
              background: blue;
          }
      
  
    
  
    
      
          GeeksForGeeks
      
        
      
    
      
      
    
      
          click here
      
        
      
          var el_up = document.getElementById('GFG_UP');
          el_up.innerHTML = "Click on button to "
                          + "change the ID of box.";
                            
          function GFG_Fun() {
              document.getElementById('div1').id = 'div2';
          }
      
  
    

• 输出：
  

方法二：我们可以使用元素内部的 id 属性，通过 JavaScript 来改变 ID。

• 例子：

    
  
      
          Change the ID of the element
          using pure JavaScript
      
    
      
          .div {
              height: 100px;
              width: 200px;
              margin: 0 auto;
              color: white;
          }
    
          #div1 {
              background: green;
          }
    
          #div2 {
              background: blue;
          }
      
  
    
  
    
      
          GeeksForGeeks
      
    
      
    
      
      
    
      
          click here
      
    
      
          var el_up = 
              document.getElementById('GFG_UP');
    
          el_up.innerHTML = "Click on button to"
                      + " change the ID of box.";
      
  
    

• 输出：