javascript - 使用br将数组排列为html

var clubs = ['Ajax', 'PSV', 'Feyenoord', 'NAC', 'FC Twente', 'FC Groningen', 'FC Utrecht'];
var add = document.getElementById('add');
var counter = 0;
document.getElementById('eredivisie').innerHTML = clubs;

function extraClubs () {
    if (counter == 1) {
        document.getElementById('eredivisie').disabled = true;
    } else {
    clubs.push('Excelsior', 'Sparta', 'Vitesse');
    document.getElementById('eredivisie').innerHTML = clubs;
    counter++;
    }
};
add.addEventListener('click', extraClubs);

我有一个包含一些荷兰足球俱乐部的数组，并且具有在按下按钮时向该数组添加一些足球俱乐部的功能。两者都很好。在HTML中显示如下:

Ajax ，埃因霍温，费耶诺德，NAC，特温特，格罗宁根，乌特勒支，Excelsior，斯巴达，维特塞

如何解决数组中的每个项目都从新行开始的问题？

最佳答案

在这一行中，clubs转换为字符串:

  document.getElementById('eredivisie').innerHTML = clubs;

因此，js将为您做到这一点:

 clubs.toString()

等于:

 clubs.join(",")

现在要获得所需的结果，我们需要使用换行符将数组连接起来:

  clubs.join("<br/>")