余歌 发表于 2022-8-22 19:50:43

小白求大神帮忙指点一下呀


我想实现一下点击按钮，按钮单独变色，其他按钮不变，不知道为什么实现不了，总是提示有以上两个问题。

wp231957 发表于 2022-8-22 20:20:03

要发文本代码

临时号 发表于 2022-8-22 20:20:56

是这样吗
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>btn1</button>
    <button>btn2</button>
    <button>btn3</button>
    <button>btn4</button>
    <button>btn5</button>
    <script>
      var btns=document.getElementsByTagName('button');
      for(let i=0;i<5;i++){
            btns.onclick=function(){
                this.style.backgroundColor = "pink";
            }
      }
    </script>
</body>
</html>

_帅 发表于 2022-8-22 23:36:10

是的。再把楼上的那个5换成btns.length就好了。规范一点。

kogawananari 发表于 2022-8-24 12:02:38

<style>
.red{background:red}
</style>
<button onclick="this.classList.toggle('red')">1</button>
<button onclick="this.classList.toggle('red')">2</button>
<button onclick="this.classList.toggle('red')">3</button>
<button onclick="this.classList.toggle('red')">4</button>
页: [1]
查看完整版本: 小白求大神帮忙指点一下呀