为什么这个文件会被删除。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)

html lang-html prettyprint-override"><div id="wrap">
  
  </div>

Answer 2

您需要将这个创建的元素附加到文档中的某个现有元素中

通过先选择该元素，然后将这个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 3

您需要将div附加到文档中。

document.body.appendChild(div);