用javascript作答:点击按钮更换文本颜色,
时间: 2024-02-04 10:06:25 浏览: 127
好的,以下是用JavaScript实现点击按钮更换文本颜色的代码:
HTML部分:
```html
<button id="change-color-btn">更换颜色</button>
<p id="text">这是要改变颜色的文本。</p>
```
JavaScript部分:
```javascript
// 获取文本元素和按钮元素
var text = document.getElementById("text");
var changeColorBtn = document.getElementById("change-color-btn");
// 定义文本颜色数组
var colors = ["red", "orange", "yellow", "green", "blue", "purple"];
// 给按钮添加点击事件
changeColorBtn.addEventListener("click", function() {
// 随机获取一个颜色
var randomIndex = Math.floor(Math.random() * colors.length);
var randomColor = colors[randomIndex];
// 设置文本颜色
text.style.color = randomColor;
});
```
以上代码会在页面中添加一个按钮和一个段落,点击按钮会随机更换段落的文本颜色。你可以根据自己的需要修改颜色数组和文本元素的id。
阅读全文