為什么此document.createElement（“ div）代碼未創建元素？

Question

我真的很困惑為什么這段代碼不起作用。 我從SO頁面獲得了有關遍歷DOM的代碼。

    var div = document.createElement('div');
    div.innerHTML = 'Y HALO THAR';

Answer 1

您需要將此創建的元素附加到文檔中的某些現有元素中

您可以像下面在注釋的代碼或任何其他元素中一樣，將其附加在正文中，方法是先選擇該元素，然后在其中添加此JS創建的div。

 var div = document.createElement("Div"); div.innerHTML = 'Y HALO THAR'; //document.body.appendChild(div); document.getElementsByTagName("header")[0].appendChild(div) 

 <header> </header> 

Answer 2

您需要將div附加到文檔中。

document.body.appendChild(div);

Answer 3

您需要將div附加到元素上。在我的示例中，我將其添加到包裝div容器#wrap僅創建它是不夠的！

 var div = document.createElement('div'); div.innerHTML = 'Y HALO THAR'; document.getElementById('wrap').appendChild(div) 

 <div id="wrap"> </div>