HTML | DOM getElementById() 方法

getElementById()方法返回具有传递给函数的ID 的元素。此函数广泛用于网页设计，以更改任何特定元素的值或获取特定元素。如果传递给函数的ID 没有退出，则返回 null。

句法：

document.getElementById( element_ID )

参数：该函数接受单个参数element_ID ，用于保存元素的 ID。

返回值：它返回给定 ID 的对象。如果不存在具有给定 ID 的元素，则返回 null。

示例 1：

 
 
     
        
            DOM getElementById() Method
         
          
         
          
        // Function to change the color of element
        function geeks() {
            var demo = document.getElementById("geeks");
            demo.style.color = "green";
        } 
         
     
      
    
      
        GeeksforGeeks
          
        DOM getElementById() Method
          
        
        
     
                    

输出：
点击按钮前：

点击按钮后：

示例 2：

 
 
     
        
            DOM getElementById() Method
         
          
        
          
            // Function to change content of element
            function geeks() {
                var demo = document.getElementById("geeks");
                demo.innerHTML = "Welcome to GeeksforGeeks!" ;
            } 
         
     
      
    
          
        GeeksforGeeks 
        DOM getElementById() Method 
          
        Hello Geeks!
          
        
         
     
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM getElementById() 方法支持的浏览器如下：

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