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

可见：

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

对于隐形：

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

Answer 3

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

Answer 4

使用元素的id执行相同的操作。

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

Answer 5

试试这个

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 6

使用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 7

要按ID获取元素，请使用：

document.getElementById("p2")

而不是：

document.getElementsByName("p2")

所以最终产品将是：

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

Answer 8

使用此代码：

<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 9

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

Answer 10

试试这个

<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 11

使用上面的某些方法，我发现元素在移动中存在问题，因此，如果您有彼此相邻的对象，则只需交换一下，对我来说效果最好

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

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

11 个答案: