如何在 JavaScript 中为 document.getElementById() 方法编写简写？

任务是在 JavaScript 的帮助下使用 document.getElementById 的简写选择具有 id 的元素。我们将讨论一些技术。
方法一：

• 定义一个返回document.getElementById('idName')的函数。
• 此方法将IDName作为第一个也是唯一的参数。
• 以ID作为参数调用方法。

示例 1：在此示例中，创建了一个返回document.getElementById('idName')的函数。

  

    
        How to write shorthand for 
        document.getElementById()
        method in JavaScript ?
    

  

      
     
        GeeksForGeeks
    
      
    
    
      
    
        click here
    
      
    
    
      
    
        var ID = function(elementId) {
            return document.getElementById(elementId);
        };
          
        var el_up = ID("GFG_UP");
        var el_down = ID("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to select"
                    + " the element by shorthand instead"
                    + " of getElementById.";
  
        function GFG_Fun() {
            el_down.innerHTML = "Element selected by "
                    + "shorthand of getElementById";
        }
    

  

输出：

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

方法二：

• 定义一个原型 = document.getElementById 。
• 通过传递IDName作为document.getElementById的第一个也是唯一的参数来使用这个原型。

示例 2：在此示例中，创建了一个 HTMLDocument 原型，然后用于通过IDName选择元素。

  

    
        How to write shorthand for 
        document.getElementById()
        method in JavaScript ?
    

  

      
     
        GeeksForGeeks
    
      
    
    
      
    
        click here
    
      
    
    
      
    
        HTMLDocument.prototype.e = document.getElementById;
        var el_up = document.e("GFG_UP");
        var el_down = document.e("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to select"
                + " the element by shorthand instead of "
                + "getElementById.";
  
        function GFG_Fun() {
            el_down.innerHTML = "Element selected by "
                    + "shorthand of getElementById";
        }
    

  

输出：

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