js点击改变文字颜色,再点击又变回原样
发布网友
发布时间：2022-04-23 13:32
共3个回答
热心网友
时间：2022-04-20 11:32
这是针对你的问题的测试界面测试页面，界面结构如图。
1、点击按钮变红。
2、再次点击按钮变黑。
3、这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。
var i = 0;
function changeColor() {
if (i++%2 == 0) {
document.getElementById('id1').style.color = 'red';
} else {
document.getElementById('id1').style.color = 'black';
}
}
热心网友
时间：2022-04-20 12:50
onclick="text()">
点击这里！</button>
function text(){
if(document.getElementById('id1').style.color=="red"){
document.getElementById('id1').style.color=="block";
}
else{
document.getElementById('id1').style.color=="red";
}
}追问
无效啊
console.log(document.getElementById('id1').style.color);
if(document.getElementById('id1').style.color=="red"){
document.getElementById('id1').style.color="green";
}
else{
document.getElementById('id1').style.color="red";
}
}
那个写错了，，，是一个等号
热心网友
时间：2022-04-20 14:24
var count=0;
function change(){
if(count==0){
document.getElementById('id1').style.color='red';
count++;
}
else{
document.getElementById('id1').style.color='black';
count=0;
}
}
</script>
<button type="button"
onclick="chang()">
点击这里！</button>追问大神 有木有简单点的办法
