通过单击HTML中的另一个按钮使按钮不可见

Question

如何通过单击HTML中的另一个按钮使按钮不可见？ 我写的如下，但它不起作用。

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />

Answer 1

写这个

隐藏

{document.getElementById("p2").style.display="none";}

显示

{document.getElementById("p2").style.display="block";}

Answer 2

试试这个

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{p2.style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

http://jsbin.com/gurolawu/1/

Answer 3

我发现使用上面的一些元素移动的元素存在问题，所以如果你有彼此相邻的对象，你只想交换这对我来说效果最好

document.getElementById('uncheckAll').hidden = false;
document.getElementById('checkAll').hidden = true;

Answer 4

对于可见：

document.getElementById("test").style.visibility="visible";

对于隐形：

document.getElementById("test").style.visibility="hidden";

Answer 5

1. getElementById返回一个可以指定样式的单个对象。所以，上面的解释是正确的。
2. getElementsByTagName返回多个对象（对象和属性的数组），我们无法直接应用该样式。

Answer 6

使用元素的id来做同样的事情。

document.getElementById(id).style.visibility = 'hidden';

Answer 7

试试这个

function demoShow() {   
document.getElementById("but1").style.display="none";

}



<input type="button" value="click me" onclick="demoShow()" id="but" />

<input type="button" value="hide" id="but1" />

Answer 8

使用jQuery！

var demoShow = function(){
    $("#p2").hide();
}

但我建议你给你想要采取行动的按钮一个id。例如：

<input type="button" id="p1" value="edit" />
<input type="button" id="p2" value="submit" name="submit" />

<script type="text/javascript"> 
$("#p1").click(function(){
    $("#p2").hide();
});
</script>

要再次显示它，您可以简单地写：$("#p2").show();

Answer 9

要按ID获取元素，请使用以下命令：

document.getElementById("p2")

代替：

document.getElementsByName("p2")

所以最终产品将是：

document.getElementsById("p2").style.visibility = "hidden";

Answer 10

使用此代码：

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{document.getElementById("p2").style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

Answer 11

$( "#btn1" ).click(function() {
 $('#btn2').css('display','none');
});