JavaScript-removeChild在这里合适吗

我有一个函数，它返回一个javascript数组，该数组已从本地存储传递到html有序列表标记。该函数在文档加载时运行，工作正常。问题是我希望能够更新列表。本地存储中的阵列更新正常，但我无法动态追加或更新列表。我能想到的实现这一点的最佳方法是删除原始列表，然后在更新本地存储后调用scoreslitdisplay（）方法。但是在removeChild上的各种尝试都不起作用，或者如果它们真的起作用，该方法将不会被调用

全局变量：

var currentScore = 0;
var storedEntries = [];
var highScoreList;
var gamescorelist;

职能：

function scoresListDisplay(){
 storedEntries = JSON.parse(localStorage.getItem("localstoragekey"));
  highScoreList = game.querySelector("section#game ol.high-scores");      
      for(var i = 0; i < 10; i++){
      var s = storedEntries[i];                        
      gamescorelist = document.createElement('li');
      gamescorelist.innerHTML = (typeof(s) != "undefined" ? s : "" );  
      highScoreList.appendChild(gamescorelist); 
      }

还尝试：

highScoreList.removeChild(document.getElementById("game"));     
gamescorelist.remove();

我本以为remove-child方法会起作用，但它没有起作用。

---

如果有人对此有任何帮助，我将不胜感激。

可能是您想要的highScoreList的副本。innerHTML=“”。。。

highScoreList.removeChild(document.getElementById("game"));     
gamescorelist.remove();