在網頁開發中，JavaScript是一個非常重要的語言。而如何向HTML頁面中添加元素，是JavaScript中最常用的一個功能。其中，向 body 追加元素，則是最常用的一種。 具體來說，我們可以通過 pre 標簽給出如下代碼示例，來向 body 追加一個 div 元素：

var newDiv = document.createElement('div');
newDiv.innerHTML = "這是新添加的div元素";
document.body.appendChild(newDiv);

上述代碼的具體實現過程如下： 首先，我們使用了 document.createElement() 方法，來創建了一個新的 div 元素，并將其保存在 newDiv 變量中。 然后，我們使用 newDiv.innerHTML 屬性，向這個 div 元素中添加了一些文本，以增加其可讀性。 最后，我們調用 document.body.appendChild() 方法，將這個 div 元素添加到了 body 中去。 實際上，除了通過 createElement() 方法創建新元素之外，我們還可以使用 innerHTML 屬性向 body 中追加 HTML 代碼，如下所示：

document.body.innerHTML += "
這是新添加的div元素
";

這塊代碼的實現過程非常簡單，我們只需要將新的 HTML 代碼添加到 body 的 innerHTML 屬性中即可。需要注意的是，這種方式中添加的元素可能會覆蓋掉 body 中已有的內容，所以要慎重使用。 在實際開發中，我們使用 body 的追加功能非常頻繁。比如，我們可以在用戶點擊某個按鈕時，動態添加一些元素；或者在頁面加載完成后，自動向其中添加一些內容等等。 最后需要注意的是，當向 body 中追加元素時，我們應該盡可能的避免出現命名沖突的情況。比如，如果新元素的 id 值與頁面中已有元素的 id 值相同，就會出現頁面布局錯亂等問題。因此，我們應該在添加元素時，要仔細考慮其 id 或 class 值，以避免出現沖突。