javascript怎么改变字体颜色文本颜色代码
代码
2023年05月11日 15:21 708
小糯草
这里是一个简单的 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>```
这段代码首先在页面中创建了一个按钮，然后获取该按钮和一个段落元素的引用，接着为按钮添加了一个事件监听器，当按钮被点击时，段落文本颜色将变成红色。
专题推荐：
部份内容隐藏请会员登录查看
相关文章