JavaScript是一種高級編程語言，廣泛應用于Web開發中。展示或隱藏某個HTML元素和其包含的內容是一個常見的JavaScript任務。 通常，這可以通過簡單的添加和刪除CSS類來完成。 例如，假設我們要展示或隱藏一個DIV元素，如果這個DIV沒有隱藏的CSS類，則需要添加一個CSS類。 以下是一個示例：

<div id="myDiv">
<p>這個DIV將被隱藏或顯示</p>
</div>
<button onclick="toggleVisibility()">展示或隱藏</button>
<script>
function toggleVisibility() {
var myDiv = document.getElementById("myDiv");
if (myDiv.classList.contains("hidden")) {
myDiv.classList.remove("hidden");
} else {
myDiv.classList.add("hidden");
}
}
</script>

在上面的代碼中，當單擊按鈕時，toggleVisibility()函數將被調用，它將通過添加“ hidden”CSS類來隱藏DIV元素或刪除該類來展示元素。 CSS規則可以像下面這樣定義：

.hidden {
display: none;
}

這段代碼將隱藏該元素中的所有內容，而不僅僅是把元素設置為不見。 因此，如果需要顯示隱藏的元素，只需要使用.classList.remove()方法來刪除“ hidden”類。 另一個常見的情況是需要在多個元素上執行類似的行動。 在這種情況下，我們可以使用類別選擇器來選擇所有這些元素，如下例：

<div class="myDivs">
<div><p>第一個DIV</p></div>
<div><p>第二個DIV</p></div>
<div><p>第三個DIV</p></div>
</div>
<button onclick="toggleAll()">展示或隱藏所有DIV</button>
<script>
function toggleAll() {
var myDivs = document.querySelectorAll(".myDivs div");
for (var i = 0; i < myDivs.length; i++) {
if (myDivs[i].classList.contains("hidden")) {
myDivs[i].classList.remove("hidden");
} else {
myDivs[i].classList.add("hidden");
}
}
}
</script>

上面的代碼會選中所有class為“ myDivs”下的DIV元素，并且添加或移除“ hidden”CSS類。這將同時隱藏或顯示所有DIV元素中的內容。 所以，對于展示或隱藏HTML元素，JavaScript提供了一個非常容易且靈活的方法，可以通過添加或刪除CSS類來實現。在簡單的例子中，只需要添加或刪除CSS類即可。 對于更復雜的例子，可以使用類別選擇器來選擇多個元素并在它們之間切換CSS類。