排他功能

最新推荐文章于 2022-09-23 11:17:48 发布

不懂代码的小石

最新推荐文章于 2022-09-23 11:17:48 发布

阅读量369

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_44387725/article/details/86016302

版权

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

//排他功能
// 在之前就把要显示的东西重新赋值一遍,点击后改变点击的那个按钮

	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
	<button>我要红</button>
<script>
    var btn=document.getElementsByTagName("button");
    for (var i=0;i<btn.length;i++){
        btn[i].onclick=function () {
            //先把所有的按钮都设置为默认值
            for (var j=0;j<btn.length;j++){
                btn[j].innerText="我要红";
            }
            //在修改当前被点击的按钮
            this.innerText="2019红红火火";
        }
    }
</script>
 </body>