如何在JavaScript中添加換行符

Question

我正在嘗試為此片段添加javascript的換行符

function getCity(city_name, product_cat){
  var writecity = document.createTextNode(city_name+','+product_cat);
  document.getElementById("order_list").appendChild(writecity,'<br>');
}

我在for循環中調用此函數，但是打印的值都在同一行中。 但是我想在每個值打印后添加折線。 我怎樣才能做到這一點？

Answer 1

.appendChild（）僅接受一個參數，因此傳遞給它的第二個字符串（ <br> ）將被忽略。

您需要再次調用appendChild()以添加br元素

function getCity(city_name, product_cat) {
    var writecity = document.createTextNode(city_name + ',' + product_cat);
    var el = document.getElementById("order_list");
    el.appendChild(writecity);
    el.appendChild(document.createElement('br'));
}

Answer 2

試試document.createElement ：

document.getElementById("order_list").appendChild(writecity);
document.getElementById("order_list").appendChild(document.createElement('br'));

Answer 3

我認為appendChild只接受一個參數。 因此，您必須追加另一個孩子：

function getCity(city_name, product_cat){
   var writecity = document.createTextNode(city_name+','+product_cat);
   var break = document.createElement('br');
   document.getElementById("order_list").appendChild(writecity);
   document.getElementById("order_list").appendChild(break);
}