去哪铺资源网

javascript怎么改变字体颜色文本颜色代码

这里是一个简单的 JavaScript改变文体颜色代码示例,它会在页面上创建一个按钮,点击该按钮会使文本颜色发生变化:


```javascript

<body>
  <button id="change-color-btn">更改文本颜色</button>
  <p id="text">这是一个文本段落</p>
  <script type="text/javascript">
    var btn = document.getElementById("change-color-btn");
    var text = document.getElementById("text");
    btn.addEventListener("click", function() {
      text.style.color = "red";
    });
  </script>
</body>

```


这段代码首先在页面中创建了一个按钮,然后获取该按钮和一个段落元素的引用,接着为按钮添加了一个事件监听器,当按钮被点击时,段落文本颜色将变成红色。

javascript怎么改变字体颜色文本颜色代码 第1张

搜索
分类最新
分类热门
分类猜你喜欢
© Copyright去哪铺.Z-Blog.Some Rights Reserved.粤公网安备 44170202000251号 粤ICP备15035385号-2 免责声明 帮助中心 编程文档