javascript控制元素隱藏的方法是：設(shè)置元素style屬性中的display，例如【var t = document.getElementById('test');t.style.display = 'none';】。

本文操作環(huán)境：windows10系統(tǒng)、javascript 1.8.5、thinkpad t480電腦。

在javascript中我們有兩種方式來隱藏元素：

方式一：設(shè)置元素style屬性中的display

var t = document.getElementById('test');//選取id為test的元素 t.style.display = 'none';// 隱藏選擇的元素 t.style.display = 'block';// 以塊級樣式顯示

方式二：設(shè)置元素style屬性中的visibility

var t = document.getElementById('test'); t.style.visibility = 'hidden';// 隱藏元素 t.style.visibility = 'visible';// 顯示元素

這兩種方式的區(qū)別：

設(shè)置display隱藏后不占用原來的位置，而通過visibility進(jìn)行隱藏后元素位置任然被占用。

推薦學(xué)習(xí)：javascript視頻教程