javascript控制元素隱藏的方法是:設定元素style屬性中的display,例如【var t = document.getElementById('test');t.style.display = 'none';】。
本文操作環境:windows10系統、javascript 1.8.5、thinkpad t480電腦。
在javascript中我們有兩種方式來隱藏元素:
方式一:設定元素style屬性中的display
var t = document.getElementById('test');//选取id为test的元素 t.style.display = 'none';// 隐藏选择的元素 t.style.display = 'block';// 以块级样式显示
方式二:設定元素style屬性中的visibility
var t = document.getElementById('test'); t.style.visibility = 'hidden';// 隐藏元素 t.style.visibility = 'visible';// 显示元素
這兩種方式的差異:
設定display隱藏後不佔用原來的位置,而透過visibility進行隱藏後元素位置任然被佔用。
推薦學習:javascript影片教學
#以上是javascript控制元素隱藏的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!