CSS判斷顯示和隱藏
非常簡(jiǎn)單，可以使用display屬性來(lái)實(shí)現(xiàn)這個(gè)目標(biāo)。當(dāng)display設(shè)為none，元素的內(nèi)容將不會(huì)被顯示出來(lái)，而當(dāng)display設(shè)為block或者其他可見(jiàn)的屬性值，元素的內(nèi)容會(huì)出現(xiàn)在頁(yè)面上。
/* 隱藏div */
div {
display: none;
}
/* 顯示div */
div {
display: block;
}通過(guò)JavaScript，可以通過(guò)修改樣式來(lái)實(shí)現(xiàn)display的切換。下面這段代碼展示了如何使用JavaScript判斷頁(yè)面上的一個(gè)div是否隱藏，如果是就顯示它，否則就隱藏它。
var myDiv = document.getElementById("myDiv");
if (myDiv.style.display === "none") {
myDiv.style.display = "block";
} else {
myDiv.style.display = "none";
}除了使用display屬性，CSS還有一些其他的方式可以實(shí)現(xiàn)顯示和隱藏元素。例如，可以使用visibility屬性來(lái)控制元素的可見(jiàn)性。和display不同的是，visibility只是將元素隱藏，但仍然占用頁(yè)面空間，所以有時(shí)候可能不能完全符合需求。另外，也可以使用opacity來(lái)實(shí)現(xiàn)元素的透明度控制。