方法:1、給按鈕元素綁定click點擊事件,並指定事件處理函數;2、在事件處理函數中,利用style屬性和display屬性設定點擊按鈕後按鈕消失,語法為「按鈕元素物件.style.display="none"」。
本教學操作環境:windows10系統、HTML5版、Dell G3電腦。
Style 物件代表一個單獨的樣式宣告。可從套用樣式的文件或元素存取 Style 物件。
使用 Style 物件屬性的語法:
document.getElementById("id").style.property="值"
display 屬性規定元素應該產生的方塊的類型。
當屬性的值設定為none時,此元素不會被顯示。
範例如下:
輸出結果:
#推薦教學:《html影片教學》
以上是html5怎樣設定點擊按鈕後按鈕消失的詳細內容。更多資訊請關注PHP中文網其他相關文章!