如何在html中隱藏按鈕？

我是一名HTML初學者。如何製作一個按鈕，在使用JavaScript進行點擊時會隱藏自身？這是我已經有的代碼，錯過了一行。如何在html中隱藏按鈕？

<!DOCTYPE> 
<html> 
    <body> 
     <button type="button" onclick="delete()" = ;>Hello</button> 
     <script> 
      var delete = function(){ 
      //hide button 
      } 
     </script> 
    </body> 
</html>

來源

2015-08-16 user2607534

刪除是JS的關鍵詞。使用不同的名稱

onclick="deleteThis(this)" 



var deleteThis = function(elem){ 
     elem.style.display = 'none'; 
     // elem.style.visibility = 'hidden'; 
};

來源

2015-08-16 06:03:03 jozzy

嘗試是這樣的：

<!DOCTYPE> 
<html> 
<head> 
<script> 
      var hide = false; 
      function deletee(){ 
      //hide button 
      hide = !hide; 
      if(!hide) { 
      document.getElementById('btn_id').style.visibility = 'visible'; 
     } else { 
      document.getElementById('btn_id').style.visibility = 'hidden'; 
     } 
     } 
     </script> 

</head> 
<body> 

     <button type="button" id = "btn_id" onClick="deletee();">Hello</button> 
</body> 
</html>

你<script></script>標籤來下<head></head>部分。

來源

2015-08-16 06:00:27 user5173426

請參閱Style Visibility的文檔。在JavaScript然後

<button id="my_button" type="button" onclick="delete()" = ;>Hello</button>

：

添加ID到您的按鈕這樣

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

來源

2015-08-16 06:02:18

這裏是您的解決方案：

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
<title>WisdmLabs</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 

 
<style> 
 

 
</style> 
 

 
</head> 
 

 
<body> 
 

 
<button type="button" id="myButton" onclick="hideMe()">Click Me To Hide</button> 
 
<script> 
 
function hideMe(){ 
 
\t $("#myButton").hide(); 
 
} 
 
</script> 
 

 
</body> 
 

 
</html>

隨意問任何疑問或建議。

來源

2015-08-16 06:10:39 WisdmLabs

無需編寫太多的代碼，我已編輯你的代碼，你可以得到一樣的效果,,,

<!DOCTYPE> 
<html> 
    <body> 
     <button type="button" onclick="this.style.display='none'">Hello</button> 
    </body> 
</html>

來源

2015-08-16 07:43:30

首先添加按鈕「身份證」

<button type="button" id='theid' onclick="delete()" = ;>Hello</button>

然後轉到script部分

<script> 
     var delete = function(){ 
     document.getElementById('theid').style.display="none"; // for hide button 
     } 
    </script>

來源

2015-08-16 10:39:27 mim

如何在html中隱藏按鈕？

回答

相關問題