HTML | DOM 输入按钮对象

DOM 输入类型按钮对象用于表示type=”button”的 HTML 元素。输入类型按钮元素由getElementById()访问。

句法：

document.getElementById("ID");

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

示例 1：

  

    
        h1 {
            color: green;
        }
    

  

    GeeksForGeeks
     DOM Input Button Object 
    
    
    
  
    
  
    
        function myGeeks() {
            
            // accessing 'button' id.
            var g = document.getElementById("GFG").value;
            document.getElementById("sudo").innerHTML = 
              "Value od input type button is:" + g;
        }
    
  

  

输出：

单击按钮之前：

点击按钮后：

示例 2：输入按钮 可以使用document.createElement方法创建对象。

  

    
        h1 {
            color: green;
        }
          
        #GFG {
            margin-left: 45%;
            margin-top: 30px;
        }
    

  

    GeeksForGeeks
     DOM Input Button Object 
    
      Click the Button to Create the Buttton
    
    Submit
    
        function myGeeks() {
            var g = document.createElement("INPUT");
            g.setAttribute("type", "button");
            g.setAttribute("value", "Click me");
            g.setAttribute("id", "GFG");
            document.body.appendChild(g);
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM输入按钮对象支持的浏览器如下：

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