<div>標簽是HTML中的塊級元素，用于創建一個獨立的容器，可以在其中放置其他HTML元素。而JavaScript（簡稱JS）是一種腳本語言，可以通過在HTML中嵌入JS代碼，實現網頁的動態效果和交互功能。在使用JS時，我們可以利用<div>標簽來實現內容的動態顯示與隱藏、樣式的修改以及事件的處理等。
在下面的幾個案例中，我們將詳細解釋如何使用<div>和JS來實現不同的顯示效果。
案例一：動態顯示和隱藏內容 有時候，我們希望在用戶點擊某個按鈕或執行某個操作時，動態地顯示或隱藏某段內容。這時，我們可以使用JS來操作<div>的顯示和隱藏屬性。代碼如下：

<p>// HTML代碼</p>
<p><div id="content">這是一段內容。</div>
<button onclick="toggleContent()">點擊切換內容</button></p>
<p>// JS代碼</p>
<p><script>
function toggleContent() {
var content = document.getElementById("content");
if (content.style.display === "none") {
content.style.display = "block";
} else {
content.style.display = "none";
}
}
</script></p>

上述代碼中，我們使用了一個<button>按鈕來觸發toggleContent()函數。toggleContent()函數通過document.getElementById()方法獲取到<div>元素，然后判斷其display屬性的值。若為"none"，則將其設為"block"，即顯示內容；若非"none"，則將其設為"none"，即隱藏內容。這樣，每次點擊按鈕時，內容的顯示狀態就會切換一次。
案例二：動態修改樣式 有時候，我們希望在某個事件觸發時，動態地修改某個元素的樣式。這時，我們可以使用JS來操作<div>元素的style屬性。代碼如下：

<p>// HTML代碼</p>
<p><div id="box" style="width: 100px; height: 100px; background-color: red;"></div>
<button onclick="changeStyle()">點擊修改樣式</button></p>
<p>// JS代碼</p>
<p><script>
function changeStyle() {
var box = document.getElementById("box");
box.style.backgroundColor = "blue";
box.style.width = "200px";
box.style.height = "200px";
}
</script></p>

上述代碼中，我們使用一個<button>按鈕來觸發changeStyle()函數。changeStyle()函數通過document.getElementById()方法獲取到<div>元素，并通過修改其style屬性來實現樣式的變化。在本例中，我們將背景色由紅色改為藍色，寬度和高度都變為200px。點擊按鈕后，<div>元素的樣式會立即變化。
案例三：事件處理 我們還可以使用JS來處理各種事件，并通過<div>元素來顯示相關信息或產生相應效果。以下是一個示例代碼：

<p>// HTML代碼</p>
<p><div id="message">這是初始文本。</div></p>
<p>// JS代碼</p>
<p><script>
var message = document.getElementById("message");
message.addEventListener("mouseover", function() {
message.innerHTML = "鼠標移動到這里了！";
});
message.addEventListener("mouseout", function() {
message.innerHTML = "鼠標移出了。";
});
</script></p>

上述代碼中，我們使用addEventListener()方法來為<div>元素添加兩個事件監聽器。當鼠標移動到<div>元素上時，會觸發mouseover事件，此時我們將<div>的innerHTML修改為"鼠標移動到這里了！"；當鼠標移出<div>元素時，會觸發mouseout事件，此時我們將<div>的innerHTML修改為"鼠標移出了。"。通過這種方式，我們可以根據不同事件執行相應的操作。
通過以上幾個案例，我們可以看到<div>和JS的結合在網頁開發中具有很大的靈活性和實用性。無論是動態顯示和隱藏內容、修改樣式，還是事件的處理，都可以通過<div>和JS來實現。通過深入學習這些知識，我們可以進一步提升頁面的交互性，為用戶帶來更好的使用體驗。