在網頁開發中，<div>標簽是一個常用的容器元素，它主要用于在網頁中劃分出一個獨立的區域來。而在實際開發中，我們有時需要動態加載<div>中的內容，這就需要使用 JavaScript 的 DOM 操作來實現。下面我們來看一下具體的實現步驟。
首先，我們需要創建一個<div>元素，并將其添加到文檔中。我們可以使用以下代碼來實現：
let myDiv = document.createElement('div');
document.body.appendChild(myDiv);這段代碼可以創建一個新的<div>元素，并將其添加到頁面的<body>元素中。接下來，我們需要使用 AJAX 技術來異步加載需要顯示的 HTML 頁面。
let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myDiv.innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "myPage.html", true);
xhttp.send();這段代碼使用了 XMLHttpRequest 對象來異步加載需要顯示的 HTML 頁面。當狀態碼為 4 且狀態是 200 時，表示 AJAX 請求成功，我們可以將返回的頁面內容設置為我們創建的<div>元素的內部 HTML。
最后，我們需要將加載的頁面內容添加到創建的<div>元素中。如下所示：
myDiv.appendChild(/*加載的頁面內容*/);經過以上步驟，我們就可以動態地將 HTML 頁面加載到<div>元素中了。