<div> 是 HTML 中的一個(gè)元素，用于創(chuàng)建一個(gè)分區(qū)塊，并且可以用于控制該分區(qū)塊的樣式和布局。在 JavaScript 中，我們可以使用變量來(lái)操作和獲取這個(gè) <div> 元素的屬性和內(nèi)容。
<div> 元素的創(chuàng)建方式如下：

<div id="myDiv">這是一個(gè)div元素</div>

上述代碼中，我們創(chuàng)建了一個(gè) <div> 元素，并且為它添加了一個(gè) id 屬性為 "myDiv"。
而在 JavaScript 中，我們可以使用 document.getElementById() 方法來(lái)獲取到這個(gè) <div> 元素，并且可以使用變量來(lái)引用它：

var myDiv = document.getElementById("myDiv");

上述代碼中，我們使用變量 myDiv 來(lái)引用了 id 為 "myDiv" 的 <div> 元素。
使用了變量之后，我們可以對(duì)這個(gè) <div> 元素進(jìn)行各種操作，比如修改其樣式、內(nèi)容和響應(yīng)用戶事件等。接下來(lái)，我們來(lái)看幾個(gè)示例來(lái)詳細(xì)說(shuō)明。
第一個(gè)示例是修改 <div> 元素的樣式。我們可以使用變量來(lái)操作其 style 屬性來(lái)修改其樣式，比如顏色、背景色、字體大小等：

var myDiv = document.getElementById("myDiv");
myDiv.style.color = "red";
myDiv.style.backgroundColor = "yellow";
myDiv.style.fontSize = "20px";

上述代碼中，我們將 <div> 元素的文本顏色修改為紅色，背景色修改為黃色，字體大小修改為20像素。
第二個(gè)示例是修改 <div> 元素的內(nèi)容。我們可以使用變量來(lái)操作其 innerHTML 屬性來(lái)修改其文本內(nèi)容：

var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "這是修改后的文本內(nèi)容";

上述代碼中，我們將 <div> 元素的文本內(nèi)容修改為 "這是修改后的文本內(nèi)容"。
第三個(gè)示例是添加事件監(jiān)聽(tīng)器到 <div> 元素上。我們可以使用變量來(lái)操作其 addEventListener() 方法來(lái)添加事件監(jiān)聽(tīng)器，實(shí)現(xiàn)對(duì)用戶操作的響應(yīng)：

var myDiv = document.getElementById("myDiv");
myDiv.addEventListener("click", function() {
alert("點(diǎn)擊了div元素");
});

上述代碼中，我們?yōu)?<div> 元素添加了一個(gè)點(diǎn)擊事件監(jiān)聽(tīng)器，并且彈出一個(gè)提示框。
通過(guò)以上示例，我們可以看到使用變量來(lái)操作 <div> 元素可以實(shí)現(xiàn)對(duì)其樣式、內(nèi)容和事件等的控制和操作。這在實(shí)際的網(wǎng)頁(yè)開(kāi)發(fā)中非常有用，可以動(dòng)態(tài)地改變頁(yè)面元素的外觀和行為，從而提升用戶體驗(yàn)和交互性。