怎樣在js中控制一個HTML元素的可見與不可見

HTML元素的可見與不成見，本家兒要經由過程設置元素的display屬性，可見狀況display為block，不成見狀況display為none。下面以點擊按鈕顯示或埋沒div元素為例，申明JS是若何節制一個HTML元素的可見與不成見狀況的。

方式/步調

1
新建一個HTML文件，定名為test.html，用于實現點擊按鈕顯示或埋沒div元素。
2
在test.html頁面中添加一個div元素，并利用CSS把它的樣式釀成長為200px，寬也為200px的黃色正方形。
3
在test.html頁面中，再添加一個類型為button的input按鈕，用于點擊按鈕實現可以與不成見狀況的切換。
4
給input按鈕綁心猿意馬一個onclick點擊事務，當點擊這個按鈕的時辰，觸發對HMTL元素的操作。
5
在onclick事務內界說一個點擊觸發的函數display（），當input按鈕被點擊的時辰，就會去執行display（）函數。
6
在test.html內編寫函數display（）的JS代碼，實現當div為顯示時，點擊按鈕把它埋沒（即不成見狀況）；當div元素為不成見時，點擊按鈕把它顯示出來。
7
在瀏覽器運行test.html，查看實現的結果。
可見，已當作功實現利用JS節制HTML元素的可見與不成見狀況。