javascript怎么控制元素隱藏

發(fā)布時間：2021-11-03 17:09:57 來源：億速云閱讀：180 作者：iii 欄目：web開發(fā)

本篇內(nèi)容介紹了“javascript怎么控制元素隱藏”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

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

javascript怎么控制元素隱藏

本文操作環(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)行隱藏后元素位置任然被占用。

“javascript怎么控制元素隱藏”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

向AI問一下細(xì)節(jié)

猜你喜歡