<div>標簽是HTML中的一個常用標簽，用于定義HTML文檔中的一個區塊，可以將文檔劃分為不同的部分。在使用JavaScript進行網頁開發時，我們可以使用JavaScript來控制<div>標簽的顯示與隱藏、樣式的修改等操作。下面將通過幾個代碼案例來詳細解釋<div>與JavaScript的使用。
第一個案例是通過JavaScript來顯示或隱藏<div>標簽。通過設置<div>標簽的display屬性，我們可以在JavaScript中使用style屬性來控制其顯示與隱藏。具體的代碼如下所示：

<div id="myDiv">這是一個<div>元素</div>
<button onclick="toggleDiv()">點擊切換顯示與隱藏</button>
<br>
<script>
function toggleDiv() {
var div = document.getElementById("myDiv");
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
}
</script>

解釋：以上代碼中，<div>標簽的初始display屬性值被設置為"none"，表示初始時不顯示。點擊按鈕時，toggleDiv函數會根據<div>標簽的display屬性值來切換它的顯示與隱藏。通過獲取<div>標簽的引用并修改其style屬性的display值，我們可以實現這個功能。
第二個案例是通過JavaScript來修改<div>標簽的樣式。我們可以通過修改<div>標簽的style屬性來改變其樣式，例如改變背景顏色、字體顏色等。具體代碼如下：

<div id="myDiv">這是一個<div>元素</div>
<button onclick="changeStyle()">點擊改變樣式</button>
<br>
<script>
function changeStyle() {
var div = document.getElementById("myDiv");
div.style.backgroundColor = "yellow";
div.style.color = "blue";
div.style.fontSize = "20px";
}
</script>

解釋：以上代碼中，點擊按鈕時，changeStyle函數會將<div>標簽的背景顏色改為黃色，字體顏色改為藍色，字體大小改為20像素。通過修改<div>標簽的style屬性中的值，我們可以實現動態改變其樣式的效果。
以上是關于<div>與JavaScript的使用的幾個案例。通過使用JavaScript，我們可以方便地控制<div>標簽的顯示與隱藏、樣式的修改等操作，使網頁展示更加靈活多樣。在實際開發中，我們可以根據具體需求使用更多的JavaScript代碼來操作<div>標簽，實現更豐富的交互效果。希望以上內容對你有所幫助。