使用 JavaScript 動態修改 Div 內容

使用 JavaScript 改變 div 元素的內容可以透過直覺的方法來實現。以下 HTML 程式碼片段為例：

在此範例中，目標是根據使用者對值為「A」或「B」的單選按鈕的選擇來修改 div#content 的內部 HTML 內容。然而，div 元素缺少 JavaScript 屬性「value」來促進此操作。

為了解決這個問題，JavaScript 透過利用 HTML 元素的innerHTML 屬性提供了一個簡單的解決方案。透過實作以下程式碼：

document.getElementById("content").innerHTML = "whatever";

在changeDivContent()函數中，可以動態設定div#content 為任何所需的值。這使您能夠根據使用者輸入或 JavaScript 程式碼中的其他動態條件無縫更新 div 元素的內容。