Javascript 将for循环与JSON一起使用

应该很简单，但我只得到Jimmy cricket的输出，我期待li标签中的所有名称。谢谢你的帮助

<ul id="members"></ul>
<script>
var teammembers = [
{"name":"John Doe", "profile":"/img/profile/user1.jpg", "position":"President", "email":"email@example.com", "phone":"242-abcd"},
{"name":"James Bond", "profile":"/img/profile/user2.jpg", "position":"Vice President", "email":"007@example.com", "phone":"242-0007"},
{"name":"Jimmy Cricket", "profile":"/img/profile/user3.jpg", "position":"Vice Cricket", "email":"cricket@example.com", "phone":"242-wxyz"}
];

for (var i = 0; i < teammembers.length; i++) { 
    document.getElementById("members").innerHTML = "<li>" + teammembers[i].name; + "</li>"
}
</script>

此处的=符号将在每次迭代中替换innerHTML。因此，您可以在这里看到数组的最后一个值

将其转换为+=。像这样,

 document.getElementById("members").innerHTML += "<li>" + teammembers[i].name; + "</li>"

+=将附加它。

您需要附加到innerHTML，而不是设置它。与此相反：

document.getElementById("members").innerHTML = "<li>" + teammembers[i].name; + "</li>"

document.getElementById("members").innerHTML += "<li>" + teammembers[i].name; + "</li>"