在JavaScript中，我们经常需要通过元素的id来获取对应的元素。通常使用document.getElementById()方法来实现这个目的。然而，这个方法的调用稍显繁琐，特别是当我们需要频繁使用该方法时。为了简化代码，并提高代码的可读性和可维护性，可以使用一些技巧来为document.getElementById()方法编写简写。

以下是一些常见的简写方式：

1. 创建一个快捷函数 可以创建一个名为$的快捷函数，用于代替document.getElementById()方法。这样，在需要获取元素时，只需要使用$函数并传入元素的id即可。例如：

   function $(id) {
     return document.getElementById(id);
   }
   

   此时，通过$('elementId')即可获取对应的元素。

2. 使用解构赋值 可以使用ES6的解构赋值语法，直接获取到document对象的getElementById方法。例如：

   const { getElementById } = document;
   

   这样就可以直接使用getElementById('elementId')来获取元素。

3. 使用ES6箭头函数 可以结合解构赋值和箭头函数来简化代码。例如：

   const $ = id => document.getElementById(id);
   

   这样，通过$('elementId')即可获取对应的元素。

以上是几种常见的简写方式。根据个人的编码习惯和项目需求，可以选择适合自己的方式来简化代码。无论选择哪一种方式，都要确保代码的可读性和可维护性。