網頁元素如何隱藏/顯示?

目前沒有人留言

有時候在開發網頁時會需要用到隱藏/顯示元素的功能,卻不知道實際該如何操作,本篇就帶大家了解怎麼隱藏元素!



首先,有一點必須知道
CSS中有一個叫做display的屬性,你可以為他設定值,
當display: none;代表隱藏元素,當display: block;以區塊顯示(顯示元素)
由這個原理我們可以推演到顯示隱藏元素,讓我們直接看代碼吧!

jQuery 隱藏、顯示

//假設是id為test的元素

//顯示
$("#test").show()

//隱藏
$("#test").hide()
原生JavaScript 

//假設是id為test的元素

//顯示
document.getElementById("test").style.display = "block"

//隱藏
document.getElementById("test").style.display = "none"

以上就是Cotpear帶來的隱藏/顯示元素的教學。
繼續閱讀較新的文章 繼續閱讀較舊的文章 首頁

歡迎您「化讚為賞 - 回饋創作」

只要您隨手按個讚,我們就會得到實質性的支持!

0 留言:

張貼留言

歡迎您留言,如果有更進一步的問題,也可以 Messenger 聯絡我們喔