设为首页收藏本站

切换到窄版

鱼C论坛»论坛 › 技术交流 › Web开发 › 小白求大神帮忙指点一下呀

发新帖

查看: 1413|回复: 4

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

发表于 2022-8-22 19:50:43 | 显示全部楼层 |阅读模式

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

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

x

问题1.png

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

最佳答案

月排行榜 / 总排行榜

临时号

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>

复制代码

跳转到最佳答案楼层

问题2.png

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

发表于 2022-8-22 20:20:03 From FishC Mobile | 显示全部楼层

要发文本代码

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复支持反对

使用道具举报

发表于 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>

复制代码

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复支持反对

使用道具举报

发表于 2022-8-22 23:36:10 | 显示全部楼层

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

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复支持反对

使用道具举报

发表于 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>

复制代码

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复支持反对

使用道具举报

发新帖

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-11 16:06

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表