将每个Li元素转换为对象

Question

我有一个由用户在页面上动态生成的游戏的无序玩家列表。我要做的是将每个列表项变成一个对象，该对象可以让我存储其名称和分数。我仍在学习JS时在代码方面苦苦挣扎。我已经拥有创建每个对象的功能，但是我不知道如何实际为John，Paul，Ringo和George（或用户可能添加到列表的任何人）创建对象]

<ul id="playerList">
     <li>John</li>
     <li>Paul</li>
     <li>Ringo</li>
     <li>George</li>
</ul>  

const createPlayer = (playerName, points) => {return {name, points}}

Answer 1

这里是如何从html中获取每个li内容，然后对这些数据进行任何想做的事情：

var numberOfPlayers = getElementsByTagName('li').length;
for (i=0 ; i< numberOfPlayers; i++) {
var playerData document.getElementsByTagName('li')[i].innerText;
// create your objects or do whatever you want with playerData
}

如果您想创建一个li并将其附加到您的列表中：

var list = document.getElementById('playerList');
var name = 'John';
var player = document.createElement('li');
player.innerText = name;
list.appendChild(player);