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

如何在javascript中添加换行符

3 个答案: