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>

为什么这个document.createElement（＆＃34; div）代码没有创建元素？

3 个答案: