21xrx.com
2025-03-23 11:40:55 Sunday
文章检索 我的文章 写文章
如何在JavaScript中改变字体颜色
2023-06-15 17:55:34 深夜i     --     --
JavaScript 字体颜色 改变

在HTML网页上,JavaScript可以轻松地通过指定CSS样式来改变文本的颜色。下面是一个简单的示例代码,说明如何使用JavaScript来改变文本颜色:

改变文本颜色
   
 
 
 
  
JavaScript改变文本颜色
  
这是一段普通的文本。
  改变颜色

在这个示例代码中,我们定义了一个名为`changeColor()`的JavaScript函数,该函数使用`document.getElementById()`方法来获取页面上指定元素的引用(在这种情况下,是一个具有`id="myText"`属性的段落元素),并使用`.style.color`属性来设置文本颜色。

在网页上,我们显示了一个按钮,用户按下该按钮将调用`changeColor()`函数,从而将文本颜色更改为红色。这里,我们使用了`onclick`属性来指定按钮被点击时应该执行的JavaScript代码。

  
  

评论区