JS實現點擊按鈕隱藏HTML元素的內容

在建造HTML前端頁面時，經常需要利用JS實現用戶點擊觸發的結果，下面介紹用戶點擊按鈕埋沒p標簽內容的實現過程。

方式/步調

1
新建一個HTML文件，定名為test.html,用于實現點擊按鈕埋沒P標簽的功能。
2
在test.html頁面，利用p標簽界說一段文本內容，并為p標簽添加一個id屬性，id為demo,便利后面步調利用JS獲得p標簽對象。
3
再在test.html頁面，利用input標簽界說一個類型為button的按鈕，用于點擊觸發埋沒的功能。
4
給input標簽綁心猿意馬一個點擊事務onclick，當input按鈕被點擊時，挪用JS的cki()函數。
5
在test.html頁面加上JS標識表記標幟，在標識表記標幟里面界說一個cki()函數，在里面編寫代碼，實現點擊埋沒p標簽的功能。
6
在cki()函數內，利用document.getElementById()方式獲得p標簽對象，經由過程設置對象style中的display屬性為none，實現埋沒p標簽的功能。
7
在瀏覽器上運行test.html文件，查看實現的結果：
可見，當作功實現了點擊按鈕埋沒p標簽的內容。