HTML | DOM 按钮对象

HTML 中的按钮对象用于表示 元素。 getElementById() 方法用于获取按钮对象。
创建按钮对象：按钮对象可以使用 JavaScript 创建。 document.createElement() 方法用于创建 元素。创建按钮对象后，使用 appendChild() 方法附加特定元素（例如 div）以显示它。
示例 1：

html

    
        
            DOM Button Object
        
         
        
        
            function Geeks() {
                var myDiv = document.getElementById("GFG");
                 
                // creating button element
                var button = document.createElement('BUTTON');
                 
                // creating text to be
                //displayed on button
                var text = document.createTextNode("Button");
                 
                // appending text to button
                button.appendChild(text);
                 
                // appending button to div
                myDiv.appendChild(button); ;
            }
        
    
     
    
     
        
            GeeksforGeeks
        
         
        
            DOM Button Property
        
         
         
Click the button to create a button.
  
         
        

            Press me!                            

                  

    

---

html

    
        
            DOM Button Object
        
         
        
        function geek() {
             
            // Accessing the button element
            // by using id attribute
            var doc = document.getElementById("btn");
             
            // Changing the text content
            doc.textContent = "Click me!";
        }
        
    
     
    
     
        
            GeeksforGeeks
        
         
        
            DOM Button Property
        
         
         

            Click the button to change the
            text inside it.
        
 
         
        
            Try it