如何在新行中显示数组元素？

var arr = [1, 2, 3, 4, 5];
var result = "";

for (var i = 0; i < arr.length; i++) {
  result += arr[i] + "<br>";
}

document.getElementById("output").innerHTML = result;

<style>
  .new-line {
    display: block;
  }
</style>

<div id="output">
  <span class="new-line">1</span>
  <span class="new-line">2</span>
  <span class="new-line">3</span>
  <span class="new-line">4</span>
  <span class="new-line">5</span>
</div>

var arr = [1, 2, 3, 4, 5];
var result = "<ul>";

arr.forEach(function(element) {
  result += "<li>" + element + "</li>";
});

result += "</ul>";

document.getElementById("output").innerHTML = result;