js 通过button按钮onclick事件改变背景颜色如何切换性改变?

 我来答

3个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

super_syc
推荐于2019-10-09 · TA获得超过105个赞

知道小有建树答主

回答量：122

采纳率：0%

帮助的人：145万

我也去答题访问个人页

关注

展开全部

<HTML>
<head>
<script> 
 function mychange()
 {
var color = document.getElememtById("colorType").value;
if(color == "red")
{

  document.getElementById("div1").style.background="blue";
    document.getElememtById("colorType").value = "blue";
}
else if(color == "blue")
{
      document.getElementById("div1").style.background="red";
    document.getElememtById("colorType").value = "red";
}

}
</script>
</head>
<body> 
 <table id="div1" style="height:80px; width:800px; background:red">
<input type="hidden" value="red" id="colorType" />
  <input type="button" value="第一个按钮" onclick="mychange()" />
    </table>
 
</body>
</HTML>

这是一种简单的方式实现。还有很多中解决方案，你可以再拓展一下。


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

开心地的春天
2018-05-23 · TA获得超过1.7万个赞

知道小有建树答主

回答量：115

采纳率：100%

帮助的人：4.7万

我也去答题访问个人页

关注

展开全部

默认“今日”是选中状态，是行内样式：

上面的日期都是点击才会切换颜色：

点击其它颜色，“今日”颜色更换成灰色

再次点击“今日”，还原回默认状态颜色

在除“今日”外的其它任一个日期中添加一个点击事件，可以实现【改变“今日”默认颜色状态】

在“今日”的点击事件中添加【还原‘‘今日’’的默认状态颜色】

已赞过 已踩过<

评论收起

百度网友177257b46
2017-12-27 · TA获得超过803个赞

知道小有建树答主

回答量：427

采纳率：100%

帮助的人：339万

我也去答题访问个人页

关注

展开全部

对于几位回答问题的js水平实在不敢恭维：
回答问题不要偷换概念弄两个按钮来回切换、更要懂得标准的写法。
那style.backgroundColor不是style.background
虽然有的浏览器可以识别background，也只是浏览器容错能力好，不要将错就错。
var colorTag = 1;
var colors = ["#ff0000", "#0000ff"];
function mychange()
{
colorTag = 1 - colorTag;
document.getElementById("div1").style.backgroundColor = colors[ colorTag];

}
你试试看？

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 通过button按钮onclick事件改变背景颜色 如何切换性改变?

其他类似问题

为你推荐：

js 通过button按钮onclick事件改变背景颜色如何切换性改变?