JavaScript是一種廣泛應用于Web開發的腳本語言，其強大的DOM（文檔對象模型）操作能力讓我們能夠通過JS輕松地動態修改網頁內容。其中，設置div的內容就是DOM操作中比較基礎的一種，我們可以通過以下幾種方式來實現。
首先，我們可以使用innerHTML屬性對div的內容進行設置。該屬性允許我們將一段HTML代碼直接賦值給div的內容，具體實現如下所示：

<div id="myDiv"></div>
<script>
var div = document.getElementById("myDiv");
div.innerHTML = "<h1>Hello, World!</h1>";
</script>

在上述代碼中，我們首先通過document.getElementById方法獲取id為“myDiv”的元素，并將其賦值給變量div。隨后，我們通過div.innerHTML屬性將一段標題為“Hello, World!”的HTML代碼賦值給該div元素，這段代碼將會在網頁中動態生成一個H1標題。
另外，我們還可以使用innerText或textContent屬性來直接設置div元素的文本內容。這兩個屬性使我們無需編寫HTML代碼即可修改網頁中div元素顯示的文本內容，具體實現如下所示：

<div id="myDiv">This is the initial text.</div>
<script>
var div = document.getElementById("myDiv");
div.innerText = "This is the modified text.";
//div.textContent = "This is also the modified text.";
</script>

在上述代碼中，我們首先通過document.getElementById方法獲取id為“myDiv”的元素，并將其賦值給變量div。隨后，我們通過div.innerText屬性將div元素中原本的文本內容修改為“This is the modified text.”。需要注意的是，innerText屬性只能用于文本節點的修改；如果要修改div元素中包含的其它節點，可以使用textContent屬性。
除此之外，我們還可以通過DOM方法來創建新的節點對象，并將其添加到div元素中。這種方式需要我們使用以下三個方法：createElement、createTextNode和appendChild。具體實現如下所示：

<div id="myDiv">This is the initial text.</div>
<script>
var div = document.getElementById("myDiv");
var newHeading = document.createElement("h2");
var headingText = document.createTextNode("This is a new heading.");
newHeading.appendChild(headingText);
div.appendChild(newHeading);
</script>

在上述代碼中，我們首先通過document.getElementById方法獲取id為“myDiv”的元素，并將其賦值給變量div。隨后，我們通過document.createElement創建一個新的元素節點newHeading，并通過document.createTextNode方法創建新的文本節點headingText。隨后，我們通過newHeading.appendChild方法將headingText節點添加到newHeading元素中，最后通過div.appendChild方法將newHeading添加到div元素的末尾。從而實現了在div元素中添加新的H2標題。
綜上所述，無論是通過innerHTML、innerText/textContent還是DOM方法來設置div元素的內容，都能夠實現網頁內容的動態更新。通過靈活使用這些方法，我們能夠輕松地實現動態網頁中的數據展示、用戶交互等各種功能，進而提高網頁的用戶體驗和操作效率。