使用 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 属性将颜色设置为蓝色。