js点击改变文字颜色,再点击又变回原样

<!DOCTYPEhtml><html><body><h1id="id1">MyHeading1</h1><buttontype="button"onclick="doc... <!DOCTYPE html>
<html>
<body>

<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
点击这里!</button>

</body>
</html>

这个只能改变成红色 如果我要再点一下又变成黑色 一直这样重复要怎么写
展开
 我来答
小傅说数码
推荐于2019-09-20 · 数码小专家,专注分享数码知识
小傅说数码
采纳数:432 获赞数:29257

向TA提问 私信TA
展开全部

这是针对你的问题的测试界面测试页面,界面结构如图。

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';

}

}

飞天鱼蛇
推荐于2017-09-25 · TA获得超过327个赞
知道小有建树答主
回答量:71
采纳率:0%
帮助的人:45.6万
展开全部
<button type="button"
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";
}
}
追问

无效啊

追答
function text(){
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";
}
}
那个写错了,,,是一个等号
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
藍色雷客
2015-04-22 · TA获得超过122个赞
知道小有建树答主
回答量:204
采纳率:0%
帮助的人:163万
展开全部
<script>
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>
追问
大神 有木有简单点的办法
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式