Question

我有一个函数返回一个javascript数组，该数组已从本地存储传递到html有序列表标记。该函数在文档加载时运行并且正常工作。问题是我希望能够更新列表。本地存储中的数组更新正常，但我无法让列表动态追加或更新。我能想到的最好的方法是删除原始列表，然后在更新本地存储后调用scoresListDisplay（）方法。但是对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(gamescorelist); 
scoresListDisplay();

也尝试过：

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

我期待删除子方法可以工作，但事实并非如此。如果有人对此有任何帮助，我将不胜感激。

JavaScript - 这里的removeChild是否合适

0 个答案: