JavaScript 作為一種常用的腳本語言，可以在網頁中一些簡單的功能實現上發揮巨大的作用。其中，修改 ID 是常用的操作之一，可以通過 JavaScript 快速地修改網頁元素的 ID，從而達到自己想要的效果。

我們拿修改按鈕的 ID 為例子，可以在 HTML 中定義如下：

點擊按鈕1點擊按鈕2點擊按鈕3

以上定義為三個按鈕定義了相應的 ID，如果我們想把按鈕1的 ID 改為 btn4，怎么做呢？很簡單，只需要 JavaScript 的 DOM 編程技巧即可。

var btn1 = document.getElementById("btn1");
btn1.id="btn4";

以上代碼運行后，就把按鈕1的 ID 改為了 btn4，原來的 ID 已經被完全拋棄。

如果需要創建新的元素，又應該如何設置新的 ID 呢？通常我們可以使用如下代碼創建新的元素，并分配一個新的 ID：

var newElement = document.createElement('div');
newElement.setAttribute('id', 'newID');
document.body.appendChild(newElement);

以上代碼創建了一個新的 'div' 元素，然后通過 setAttribute 方法設置它的 ID 為 'newID'，最后通過 appendChild 方法添加到文檔（body 標簽）中。

雖然通過 JavaScript 修改 ID 可以實現一些效果，但同時也要注意元素本身的語義和語法，修改 ID 應該在不影響元素意義和結構的前提下進行。