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

如何通过单击HTML中的另一个按钮使按钮不可见？
我写下如下，但它不起作用。通过单击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" />

来源

2011-12-19 Nasrin hakim Mithila

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

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

来源

2011-12-19 04:37:26 check123

要通过ID获取元素，使用：

document.getElementById("p2")

相反的：

document.getElementsByName("p2")

所以最终的产品将是：

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

来源

2011-12-19 04:38:46 JCOC611

试这

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" />

来源

2011-12-19 04:44:42

如果你想占据意义上的一些空间应用“visibility：hidden”，否则“display：none;” – 2011-12-19 04:46:53

我刚刚建议你解释两个lol之间的区别 – JCOC611 2011-12-19 04:49:20

写这个

要隐藏

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

显示

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

来源

2011-12-19 05:30:31

getElementById返回一个对象，你可以指定style.So，上面的说明是正确的。
getElementsByTagName返回我们无法直接应用样式的多个对象（对象和属性的数组）。

来源

2011-12-19 05:42:11

使用此代码：

<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" />

来源

2013-09-23 06:43:01 NavaStha

可见：

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

隐形：

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

来源

2014-02-24 06:38:32

使用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();

来源

2014-05-22 08:13:39

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

来源

2014-06-06 12:08:19 Neminath

这个答案需要的不仅仅是一段代码。首先，它取决于另一个第三方库：jQuery。更好的答案描述了代码的作用以及为什么选择了特定的方法。 – 2014-06-07 12:42:27

试试这个

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

来源

2014-06-07 12:46:26 nimday

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

回答

相关问题