Javascript 数组和 innerHTML

Question

我刚开始使用 JavaScript，遇到了一些小问题。

如何使用 innerHTML 属性更改此元素中的文本:

(function showArray(){
  var names = new Array("Bob ","Alice ","Ceaser ","David");
  names.sort();

  for (var i = 0; i < names.length; i++) {
    document.getElementById("loop").innerHTML = names[i];
    // I'm only getting "David" as output!!
  }
})();

<p id="loop">David Alice Bob Ceaser</p>

Answer 1

试试这个，你只需要加入名字。

function showArray() {
  var names = new Array("Bob ", "Alice ", "Ceaser ", "David");
  names.sort();

  document.getElementById("loop").innerHTML = names.join(" ");
}

showArray();

<p id="loop">David Alice Bob Ceaser</p>