通過單擊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中的另一個按鈕使按鈕不可見

回答

相關問題