开启辅助访问
帐号登录 |立即注册

JS导航按钮实现当前点击变色,排他思想(算法)

 
html结构代码:
<button>按钮5< /button>

加入如下JS代码:
<script>
// 1.获取所有按钮元素
var btns = document . getElementsByTagName( ' button' );

// btns得到的是伪数组里面的每一个元素btns
for (var i = 0; i < btns.length; i++) {
btns.onclick = function() {

//2. 首先先排除其他人,然后才设置自己的样式这种排除其他人的思想我们成为排他思想
// (1) 我们先把所有的按钮背景颜色去掉,for循环遍历元素清空backgroundColor属性。
for (var i = 0; i < btns.length; i++) {
btns.style. backgroundColor =“”

// (2) 然后才让当前的元素背景颜色为pink留下我自己
this.style. backgroundColor = ' pink' ;
}

</script>

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。