举一个例子，有一个文本输入框，希望可以实现用户输入用户名以后，用户名可以显示到上面的对应区域，假定这是一个id为box的div，这个网站很多人用很多人注册的，不可能每个人注册的时候程序员都去修改源代码把？这个时候就需要通过getElementById("box")来获取这个节点，然后再通过js过去用户输入的内容，再把这个内容给box。

又学了很久，我再来回答一下这个问题。在前端开发中，页面写好了是很少再去修改源代码的，如果只是一个小型的页面还好，一旦页面大了，随便修改源代码会给后期的维护造成巨大的困难！js是脚本语言！！根据id获取一个元素标签，不一定是为了进行DOM操作呀，更重要的是添加事件实现页面交互。而页面交互里面包括了进行DOM操作，也就是修改源代码了

我也想问，为什么要这么做啊，这不就导致代码冗长了吗？直接修改源代码为何不可以呢》？

我觉得他的作用是为了在js实现交互的过程中在不改变原代码的情况下改变里面的内容吧

类似于样式，你必须去找到元素，才能给元素设置样式，getElementById的作用是查找到id为某某的标签为其更改