为什么这段代码不起作用?我花了很长时间试图解决这个问题

时间:2015-03-27 18:52:07

标签: javascript

这是我的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>

P.S。我对JavaScript很新,感谢你的时间。

2 个答案:

答案 0 :(得分:0)

我想你想在加载时执行你的函数,否则你无法从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);
}

答案 1 :(得分:0)

使用jsfiddle似乎工作得很好,可能还有其他一些没有发布的内容干扰了你给出的例子。

http://jsfiddle.net/dkLyfzze/

&#13;
&#13;
var para = document.createElement("p");
    var node = document.createTextNode("This is new.");
    para.appendChild(node);
    var element = document.getElementById("test");
    element.appendChild(para);
&#13;
<div id="test"> </div>
&#13;
&#13;
&#13;