Javascript Noob将数组放入innerHTML，其中元素由换行符分隔

Question

我正在尝试将数组放入innerHTML，但在每个元素之后添加换行符

var ingr_list = [];

//then i push some items

if (checkBox.checked == true){
    text.style.display = "none"; 
    ingr_list.push(nameofingredient);
    document.getElementById('ingredienttype').innerHTML = ingr_list;

至于现在它只是将数组显示为整行，这会破坏我的响应能力（数组越长，屏幕越长，我不知道如何修复 - \n或者会做到这一点）

Answer 1

使用<br>标记加入数组元素，如下所示：

var output = ingr_list.join('<br>');
document.getElementById('ingredienttype').innerHTML = output;