在 JavaScript 中可以更改 HTML 內容嗎？

是的，可以使用 JavaScript 更改 HTML 內容。通常 HTML 內容位於 HTML 標籤中，例如 <p>、<span> 等。在 JavaScript 中，我們有 **DOM 方法** 可以訪問 HTML 標籤。這些方法，例如 document.getElementById()、document.getElementByTagName() 等，利用標籤來更改 HTML 內容。

示例 1

在以下示例中，span 標籤中的內容使用 JavaScript DOM 方法 **document.getElementById()** 進行了更改。

線上演示

<html>
<body>
   <span id="change">Is javaScript is java.</span>
   <input type = "button" value = "change"
   onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html>

執行上述程式碼後，螢幕上將顯示以下內容

如果點選上面的“更改”按鈕，我們將得到以下輸出

輸出

示例 2

在以下示例中，段落標籤中的內容使用 **JavaScript DOM 方法** 進行了更改。

線上演示

<html>
<body>
   <p id="change">Elon musk has failed 3 times</p>
   <input type = "button" value = "change"
   onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html>

執行上述程式碼後，螢幕上將顯示以下內容