87,990
社区成员
发帖
与我相关
我的任务
分享怎么实现点击一个按钮后让它消失？
我的代码如下，我想要的效果是点击任一按钮“1”后该按钮就消失，现在的代码只能让最后一个消失，忘指教。。。
<table>
<tr>
<td><button value="gg" id ="gg" onclick="presentQ(this)"></button>
</td>
</tr>
</table>
<script>
function presentQ(e){
e.parentNode.innerHTML += '<button id="be" value="be" onclick="hideButtonQ()">1</button>';
}
function hideButtonQ(){
document.getElementById("be").style.display="none";
}
</script>
<table>
<tr>
<td><button value="gg" id ="gg" onclick="presentQ(this)"></button>
</td>
</tr>
</table>
<script>
function presentQ(e){
e.parentNode.innerHTML += '<button id="be" value="be" onclick="hideButtonQ()">1</button>';
}
function hideButtonQ(){
document.getElementById("be").style.display="none";
}
</script>
...全文
请发表友善的回复…
发表回复
p2227 2011-11-13
- 打赏
- 举报
id都 不需要的
<html>
<head>
<script>
hide = function(obj){
obj.style.visibility="hidden";
}
</script>
</head>
<body>
<input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/><input type="button" onclick="hide(this)" value="按钮"/><br/>
</body>
<html>
tang466545321 2011-11-13
- 打赏
- 举报
[Quote=引用 5 楼 hjywyj 的回复:]
display="none"
visibility="hidden"
都可以
[/Quote]
这两个属性我知道，谁能给出具体的实现代码啊，感激不尽。
display="none"
visibility="hidden"
都可以
[/Quote]
这两个属性我知道，谁能给出具体的实现代码啊，感激不尽。
骑着蜗牛去爬山 2011-11-13
- 打赏
- 举报
display="none"
visibility="hidden"
都可以
visibility="hidden"
都可以
tang466545321 2011-11-13
- 打赏
- 举报
明白了，谢谢，那有没有什么好的方法能实现我随机点击哪个按钮它都会隐藏呢？
David_0328 2011-11-13
- 打赏
- 举报
你单击增加一个按钮, 按钮的ID全叫"be", 然后你点击hiddenButton 按钮
document.getElementById("be").style.display="none";tang466545321 2011-11-13
- 打赏
- 举报
点击value=gg的按钮后可以增加一直增加按钮‘1’，最后一个按钮是指最后一个增加上去的那个
hellNo 2011-11-13
- 打赏
- 举报
什么叫最后一个消失？你难道有好几个1的按钮吗？
tang466545321 2011-11-13
- 打赏
- 举报
谢谢大家，七楼的效果是我想要的。
