首頁  >  文章  >  web前端  >  html5怎樣設定點擊按鈕後按鈕消失

html5怎樣設定點擊按鈕後按鈕消失

WBOY
WBOY原創
2022-01-23 14:10:175697瀏覽

方法:1、給按鈕元素綁定click點擊事件,並指定事件處理函數;2、在事件處理函數中,利用style屬性和display屬性設定點擊按鈕後按鈕消失,語法為「按鈕元素物件.style.display="none"」。

html5怎樣設定點擊按鈕後按鈕消失

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5怎麼設定點擊按鈕後按鈕消失

Style 物件代表一個單獨的樣式宣告。可從套用樣式的文件或元素存取 Style 物件。

使用 Style 物件屬性的語法:

document.getElementById("id").style.property="值"

display 屬性規定元素應該產生的方塊的類型。

當屬性的值設定為none時,此元素不會被顯示。

範例如下:








輸出結果:

html5怎樣設定點擊按鈕後按鈕消失

#推薦教學:《html影片教學

以上是html5怎樣設定點擊按鈕後按鈕消失的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn