舉一個例子，有一個文本輸入框，希望可以實現用戶輸入用戶名以后，用戶名可以顯示到上面的對應區域，假定這是一個id為box的div，這個網站很多人用很多人注冊的，不可能每個人注冊的時候程序員都去修改源代碼把？這個時候就需要通過getElementById("box")來獲取這個節點，然后再通過js過去用戶輸入的內容，再把這個內容給box。

又學了很久，我再來回答一下這個問題。在前端開發中，頁面寫好了是很少再去修改源代碼的，如果只是一個小型的頁面還好，一旦頁面大了，隨便修改源代碼會給后期的維護造成巨大的困難！js是腳本語言??！根據id獲取一個元素標簽，不一定是為了進行DOM操作呀，更重要的是添加事件實現頁面交互。而頁面交互里面包括了進行DOM操作，也就是修改源代碼了

我也想問，為什么要這么做啊，這不就導致代碼冗長了嗎？直接修改源代碼為何不可以呢》？

我覺得他的作用是為了在js實現交互的過程中在不改變原代碼的情況下改變里面的內容吧

類似于樣式，你必須去找到元素，才能給元素設置樣式，getElementById的作用是查找到id為某某的標簽為其更改