爲什麼這個使用document.createElement（「DIV）代碼不會創建一個元素？

Question

我，爲什麼這個代碼不工作，真的很困惑，我接到了一個SO頁面的代碼有關遍歷DOM。

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

Answer 1

您需要將div附加到一個元素。在我的例子中，我將它添加到包裝的div容器#wrap只是創造是不夠的！

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

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

Answer 2

您需要將div附加到文檔。

document.body.appendChild(div); 

Answer 3

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

可以通過首先選擇該元素附加它在體內以及如下面在註釋的代碼或任何其它元件和然後在這個裏面附加這個JS創建的div。

var div = document.createElement("Div");  
 
div.innerHTML = 'Y HALO THAR'; 
 
//document.body.appendChild(div); 
 

 
document.getElementsByTagName("header")[0].appendChild(div)

<header> 
 
    
 
</header>