在 HTML 中，div是一個常用的塊級元素，可以用來布局網(wǎng)頁并組織頁面的結(jié)構(gòu)。

不僅如此，div還可以用來設(shè)置 HTML 內(nèi)容。

通過div.innerHTML屬性，我們可以輕松地在div元素中設(shè)置任意 HTML 內(nèi)容，包括文本、圖片、超鏈接等等。

// HTML 代碼
<div id="example"></div>
// JavaScript 代碼
let div = document.getElementById("example");
div.innerHTML = "<h1>這是一個標(biāo)題</h1><p>這是一段文本</p><img src='image.jpg' />";

在上面的代碼中，我們首先定義了一個空的div元素，并設(shè)置了它的 ID 為 "example"。

然后使用 JavaScript，我們獲取到該元素，并通過div.innerHTML屬性，將包含標(biāo)題、文本和圖片的 HTML 代碼設(shè)置為該元素的內(nèi)容。

需要注意的是，通過div.innerHTML屬性設(shè)置的 HTML 內(nèi)容會覆蓋該元素原來的所有子節(jié)點。

如果需要追加內(nèi)容而不是覆蓋，可以使用div.insertAdjacentHTML()方法，該方法可以在四個不同的位置插入新的 HTML 內(nèi)容，分別是 "beforebegin"、"afterbegin"、"beforeend" 和 "afterend"。

// HTML 代碼
<div id="example"><p>原來的文本</p></div>
// JavaScript 代碼
let div = document.getElementById("example");
div.insertAdjacentHTML("beforeend", "<p>新的文本</p>");

在上面的代碼中，我們首先定義了一個含有一段文本的div元素，并設(shè)置了它的 ID 為 "example"。

然后使用 JavaScript，我們獲取到該元素，并通過div.insertAdjacentHTML()方法，在該元素的末尾插入了一段新的 HTML 內(nèi)容，即一段新的文本。

總之，div可以靈活地設(shè)置 HTML 內(nèi)容，這在網(wǎng)頁開發(fā)中常常用到，可以方便地實現(xiàn)動態(tài)渲染和更新頁面的效果。