HTML | DOM 输入重置对象

HTML DOM 中的Input Reset Object用于表示 type=”reset”的 HTML 元素。
此标记用于访问或创建元素。可以使用 getElementById()方法访问此元素。

句法：

document.getElementById("Input_ID");

这个 Input_ID 被分配给 HTML 元素。

示例 1：使用 type = “reset”创建 元素。

  

    
        HTML DOM RESET Object
    

  

  
      
            GeeksForGeeks  
        
  
    DOM Reset Object
  
    
        Click Here
    
  
    
        function myGeeks() {
            // creating input element with type = "reset"
            var x = document.createElement("INPUT");
            x.setAttribute("type", "reset");
            document.body.appendChild(x);
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：使用document.getElementById(“GeekReset”)从“GeekReset” id 返回 元素的值

  

    
        HTML DOM RESET Object
    


    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
      
            GeeksForGeeks  
        
  
    DOM Reset Object
    
    
    
    
        Click Here
    
    
    
        function myGeeks() {
            // access input element with type = "reset"
            var x = 
             document.getElementById("GeekReset").value;
            document.getElementById("Geek_p").innerHTML = 
            x;
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

  示例 3：返回输入元素的 id，类型为“reset”。

    
  
      
          HTML DOM RESET Object
      
  
  
      #Geek_p {
          font-size: 30px;
          color: green;
      }
  
    
  
    
        
              GeeksForGeeks  
          
    
      DOM Reset Object
      
      
      
      
          Click Here
      
      
      
          function myGeeks() {
              // access input element with type = "reset" 
              var x =
              document.getElementById("GeekReset").id;
              document.getElementById("Geek_p").innerHTML =
                x;
          }
      
  
    

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    

  注意： type=”reset”用于使用“Reset Button”将所有值重置为其初始值。

  支持的浏览器：

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