我正在尝试从用户输入的信息中列出一个列表。
var todoArray = new Array();
document.getElementById("addButton").onclick = function(){
var temp = document.getElementById("inputBox").value;
var appendTemp = "<li><input type=\"checkbox\">" + temp + "</li>";
todoArray.push(appendTemp);
document.getElementById("todoListUL").innerHTML = todoArray;
console.log(todoArray);
}
但是,当列表时间显示出来时,它们之间都有一个逗号,JSFiddle链接用于图像:JSFiddle
为什么用逗号分隔它们,如何将其删除?
最佳答案
问题在这一行:
document.getElementById("todoListUL").innerHTML = todoArray;
因为正确的成员将转换为
string
,并在内部调用join
数组的todoArray
方法,默认的delimiter
是comma
。更改为
document.getElementById("todoListUL").innerHTML = todoArray.join("");