为什么这个代码不起作用?我花了很长时间试图弄清楚这一点

Question

这是我的JavaScript代码的开始

   var para = document.createElement("p");
    var node = document.createTextNode("This is new.");
    para.appendChild(node);
    var element = document.getElementById("test");
    element.appendChild(para);

下面是机身

          <div id="test"> </div>

附言：我是JavaScript的新手，感谢您抽出时间。

Answer 1

我想你想在加载时执行你的函数，否则你就无法从DOM中获得id为test的元素，因为在加载页面之前它并不存在：

window.onload=function(){
   var para = document.createElement("p");
   var node = document.createTextNode("This is new.");
   para.appendChild(node);
   var element = document.getElementById("test");
   element.appendChild(para);
}

Answer 2

使用jsfiddle似乎可以很好地工作，可能有其他未发布的内容干扰了您给出的示例。

http://jsfiddle.net/dkLyfzze/

var para = document.createElement("p");
    var node = document.createTextNode("This is new.");
    para.appendChild(node);
    var element = document.getElementById("test");
    element.appendChild(para);

<div id="test"> </div>