使用 JavaScript 更改文字顏色

Kushank Singh 2021年10月2日

JavaScript

JavaScript 和 HTML 共同維護許多基於 Web 的應用程式的前端。

我們將在本文中學習如何使用 JavaScript 更改文字顏色。

HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。我們可以使用 style.color 屬性。

該屬性允許我們設定元素的顏色或返回當前顏色。

請看下面的程式碼。

<html>
  <body>
    <h2 id="heading">Hello World!</h2>
    <script>
      document.getElementById("heading").style.color = "blue";
    </script>
  </body>
</html>

在上面的例子中，我們改變了 <h2> 元素的顏色。我們在 getElementbyID() 方法中使用其 ID heading 訪問該元素。然後我們使用 style.color 屬性將顏色設定為藍色。