javascript - 如何从新行设置数组的每个元素

Question

我需要设置从新行输入的数组的每个元素，我确实喜欢这样做 join("\n") - 对我不起作用。我怎样才能正确地做到这一点

这是我的代码

var inp = document.getElementById("inp");
var btn = document.querySelector(".btn");
var list = document.querySelector('#list');
var arr = [];

btn.addEventListener('click', function(str) {
  var valInp = inp.value;
  arr.push(valInp);
  inp.value = "";
  list.innerHTML = arr.join(" "); 

});

JSfiddle

Answer 1

使用<br />而不是 \n

list.innerHTML = arr.join('<br />'); 

\n是 new line character .

<br />是一个 HTML element for a line break .