[已解决]小白求大神帮忙指点一下呀

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

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

最佳答案

月排行榜 / 总排行榜

临时号

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[i].onclick=function(){
                this.style.backgroundColor = "pink";
            }
        } 
    </script>
</body>
</html>

跳转到最佳答案楼层

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[i].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>

账号		自动登录	找回密码
密码			立即注册