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

标签 javascript arrays

我需要设置从新行输入的数组的每个元素,我确实喜欢这样做 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

最佳答案

使用<br />而不是 \n

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

\nnew line character .

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

关于javascript - 如何从新行设置数组的每个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34267143/

相关文章:

c - 订阅值既不是数组也不是指针

javascript - .click() 事件未执行

javascript - 如何在 JavaScript 中将像素转换为厘米

javascript - 仅在Blur 上使用 mwl-confirm 指令

javascript - jQuery .map() 返回没有未定义

arrays - 为什么当直接分配或从 get-content 检索数组时,数组的行为会有所不同

c - 使用 YAJL 解析 JSON 数组

javascript - 在 Java 中使用 Mysql 和 servlet

JavaScript 正则表达式未检测到

javascript - 通过另一个 true 标记的子键对象过滤对象数组