html5怎樣設定點擊按鈕後按鈕消失
- WBOY原創
- 2022-01-23 14:10:175945瀏覽
方法：1、給按鈕元素綁定click點擊事件，並指定事件處理函數；2、在事件處理函數中，利用style屬性和display屬性設定點擊按鈕後按鈕消失，語法為「按鈕元素物件.style.display="none"」。
本教學操作環境：windows10系統、HTML5版、Dell G3電腦。
html5怎麼設定點擊按鈕後按鈕消失
Style 物件代表一個單獨的樣式宣告。可從套用樣式的文件或元素存取 Style 物件。
使用 Style 物件屬性的語法：
document.getElementById("id").style.property="值"display 屬性規定元素應該產生的方塊的類型。
當屬性的值設定為none時，此元素不會被顯示。
範例如下：
<html>
<head>
<script type="text/javascript">
function setStyle()
{
document.getElementById("anniu").style.display="none";
}
</script>
</head>
<body>
<button onclick="setStyle()" id="anniu">按钮</button>
</body>
</html>輸出結果：
#推薦教學：《html影片教學》
以上是html5怎樣設定點擊按鈕後按鈕消失的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html5中焦點是啥屬性下一篇：html5中焦點是啥屬性