<body><button>大哥亮了</button><button>二哥亮了</button><button>三哥亮了</button><button>四哥亮了</button><button>五哥亮了</button><script>//1.获取所有元素元素var btns = document.getElementsByTagName("button");for (var i = 0; i < btns.length; i++) {btns[i].onclick = function() {//2.清空所有默认的样式for (var i = 0; i < btns.length; i++) {btns[i].style.backgroundColor = "";}//3.添加颜色this.style.backgroundColor = "red";}}</script>
</body>

结果展示

JavaScript——点击事件按钮使div变色相关推荐

JavaScript点击事件-一个按钮触发另一个按钮
<input type="button" value="Click" id="C" οnclick="Go();" ...
用 JS 点击左右按钮使图片切换 - 最精简版-ljx2380000-ChinaUnix博客
用 JS 点击左右按钮使图片切换 - 最精简版-ljx2380000-ChinaUnix博客代码部分: 点击(此处)折叠或打开 <!DOCTYPE html PUBLIC "-// ...
java单击切换div_[Java教程]点击同一按钮实现div的隐藏与现实切换
[Java教程]点击同一按钮实现div的隐藏与现实切换 0 2016-01-16 21:00:12 点击同一按钮实现div的隐藏与现实切换: 在很多应用中,都有这样的功能,点击同一个按钮可以实现div ...
JavaScript点击事件换字体颜色
点击按钮可以换字体颜色可以自己看看 <div class="color"><button>red</button><button> ...
点击一个按钮显示div，点击div之外的地方div隐藏，点击div之内的地方div不隐藏
<input id="btnClick" type="button" value="原生写法" class="btn-gre ...
JavaScript点击事件——美女合集
Js点击事件--美女合集实例效果如下图: 代码如下: <!DOCTYPE html> <html lang="en"><head><m ...
html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
Javascript点击事件的3种写法（复习）
方法一: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
快速上手 JavaScript 点击事件click的几种使用方法 (javascript红皮书二刷 - Ch13.2 事件处理程序)
文章目录 onclick 属性使用 js 给 onclick 属性赋值元素上设置多个事件监听器 addEventListener onclick 属性当你编写 HTML + JavaScript ...

JavaScript——点击事件按钮使div变色

结果展示

JavaScript——点击事件按钮使div变色相关推荐

最新文章

热门文章