成功的br元素

时间:2016-03-26 16:24:22

标签: javascript jquery html dom

function formatResults(){

    $("#answersToSearch").empty();
    var i=0;
    for(;i<answers[1].length;i++){

      var title=document.createTextNode(answers[1][i]);
      var desc=document.createTextNode(answers[2][i]);
      var newLine=document.createElement("br");

      document.getElementById("answersToSearch").appendChild(title);
      document.getElementById("answersToSearch").appendChild(newLine);

      var newLine=document.createElement("br");
      document.getElementById("answersToSearch").appendChild(newLine);

      document.getElementById("answersToSearch").appendChild(desc);
      var newLine=document.createElement("br");
      document.getElementById("answersToSearch").appendChild(newLine);
      var newLine=document.createElement("br");
      document.getElementById("answersToSearch").appendChild(newLine);


    }  

}

最初,我尝试使用相同的变量&#39; newLine&#39;代表回车的新线。但它只工作一次。然后我尝试在每次使用回车时声明它并且它有效。所以我的问题是 - 为什么我必须宣布一个新的&#39; br&#39;元素每次添加回车。或者有什么我做错了???

1 个答案:

答案 0 :(得分:4)

  

Node.appendChild()方法将节点添加到指定父节点的子节点列表的末尾。 如果给定的子项是对文档中现有节点的引用,则appendChild()将其从当前位置移动到新位置

(强调添加) Source

appendChild()不克隆节点。您可以自己克隆节点:

appendChild(newLine.cloneNode(true));