如何在页面刷新时在javascript中删除后添加子元素

How to add child element after removing in javascript on page refresh

本文关键字：删除 添加 元素 刷新 javascript      更新时间：2023-09-26

我有一个根据选择标记值动态更改的项列表。问题是我必须删除旧的<li>，并在刷新后添加新的<li>标签。我使用clearlist函数去除主体中的onload，但它在x中抛出null错误，请帮助。由于

 var x = document.getElementById("ul1"); 
 for (var i = 0; i < results.length; i++) {
  x.innerHTML= x.innerHTML + '<li>'+items+'</li>'
  }
   function clearlist(){ 
    var elem = document.getElementById('ul1');
    elem.parentNode.removeChild(elem);
    }

通过使用removeChild(elem)，您将从DOM中删除<ul id="ul1">。使用innerHTML来清除ul的内容:

function addResults(results) {
  var x = document.getElementById("ul1"); 
  for (var i = 0; i < results.length; i++) {
    x.innerHTML= x.innerHTML + '<li>'+results[i]+'</li>'
  }
}
function clearlist(){ 
  var elem = document.getElementById('ul1');
  elem.innerHTML = "";
}
addResults([1, 2, 3, 4, 5]);
clearlist();
addResults([1, 2, 3]);
<ul id="ul1">
    
</ul>

相关文章：