JavaScript 是一門強大的腳本語言，它可以動態地修改 HTML 和 CSS。JavaScript 常見的修改方式包括添加、刪除、移動和改變元素屬性。下面我們將通過舉例子來介紹這些方法。
添加元素：
// 創建新元素
var newElement = document.createElement("div");
// 添加元素到 body
document.body.appendChild(newElement);以上代碼創建了一個新的 `` 元素，然后將它添加到頁面的 `` 元素下。
刪除元素：
// 獲取要刪除的元素
var targetElement = document.getElementById("delete-me");
// 從它的父元素中刪除它
targetElement.parentNode.removeChild(targetElement);以上代碼獲取了一個元素，然后從它的父元素中刪除它。移動元素：
// 獲取要移動的元素
var targetElement = document.getElementById("move-me");
// 獲取目標元素
var destinationElement = document.getElementById("destination");
// 將要移動的元素添加到目標元素下
destinationElement.appendChild(targetElement);以上代碼獲取了一個要移動的元素和它的目標元素，并將要移動的元素添加到目標元素下。改變元素屬性：
// 獲取要改變屬性的元素
var targetElement = document.getElementById("change-me");
// 改變元素的文本內容
targetElement.innerHTML = "新的文本內容";
// 改變元素的樣式
targetElement.style.color = "red";以上代碼獲取了一個要更改屬性的元素，然后改變了它的文本內容和樣式。總結：
以上只是幾種 JavaScript 修改的方法，實際上還有很多其他的方式。JavaScript 修改頁面元素可以使頁面更加動態、交互式，同時也能夠提高用戶體驗。因此，對于前端開發人員來說，學習 JavaScript 修改方法是極其重要的。