请高手帮忙,js问题,点击一个按钮然后弹出两个按钮
用js建立一个页面上面有三个按钮btn1,btn2,btn3,当点击按钮一时弹出按钮btn1,2,3当点击按钮二时按钮btn1变成红色当点击三时影藏一...
用js建立一个页面 上面有三个按钮btn1,btn2,btn3,当点击按钮一时 弹出按钮btn1,2,3 当点击按钮二时 按钮btn1变成红色 当点击三时 影藏一
展开
1个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" contentType="text/html; charset=UTF-8" %>
<title>buttons</title>
<body>
<button id="Button1" onclick="">Button 1</button>
<button id="Button2" hidden=true>Button 2</button>
<button id="Button3" hidden=true>Button 3</button>
</body>
<script type="text/javascript">
var button1 = document.getElementById("Button1");
var button2 = document.getElementById("Button2");
var button3 = document.getElementById("Button3");
button1.onclick = function(){
button2.hidden = false;
button3.hidden = false;
}
button2.onclick = function(){
button1.style.background = "#FF0000";
}
button3.onclick = function(){
button1.hidden = true;
}
</script>
</html>
最简单原则,做出的效果不太好看。。。不过符合你的要求
<head>
<meta http-equiv="Content-Type" contentType="text/html; charset=UTF-8" %>
<title>buttons</title>
<body>
<button id="Button1" onclick="">Button 1</button>
<button id="Button2" hidden=true>Button 2</button>
<button id="Button3" hidden=true>Button 3</button>
</body>
<script type="text/javascript">
var button1 = document.getElementById("Button1");
var button2 = document.getElementById("Button2");
var button3 = document.getElementById("Button3");
button1.onclick = function(){
button2.hidden = false;
button3.hidden = false;
}
button2.onclick = function(){
button1.style.background = "#FF0000";
}
button3.onclick = function(){
button1.hidden = true;
}
</script>
</html>
最简单原则,做出的效果不太好看。。。不过符合你的要求
追问
为什么显示语法错误啊
谢谢~
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询