javascript - 连续的 br 元素

Question

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);


    }  

}

最初，我尝试使用相同的变量“newLine”表示回车换行。但它只工作一次。然后我每次使用回车时都尝试声明它并且它起作用了。所以我的问题是——为什么我每次都必须声明一个新的“br”元素来添加一个回车符。还是我做错了什么？？？

Answer 1

Node.appendChild() method adds a node to the end of the list of children of a specified parent node. If the given child is a reference to an existing node in the document, appendChild() moves it from its current position to the new position

(强调) Source

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

appendChild(newLine.cloneNode(true));