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

如何在页面刷新时在javascript中删除后添加子元素,javascript,html,Javascript,Html,我有一个根据选择标记值动态更改的项目列表。问题是我必须删除旧的,并在刷新后添加新的标记。我使用clearlist函数删除body中的onload,但它在x中抛出null错误。请帮忙。谢谢 var x = document.getElementById("ul1"); for (var i = 0; i < results.length; i++) { x.innerHTML= x.innerHTML + '<li>'+items+'</li>' }

我有一个根据选择标记值动态更改的项目列表。问题是我必须删除旧的
  • ,并在刷新后添加新的
  • 标记。我使用clearlist函数删除body中的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);
        } 
    
    var x=document.getElementById(“ul1”);
    对于(var i=0;i'+项目+''
    }
    函数clearlist(){
    var elem=document.getElementById('ul1');
    elem.parentNode.removeChild(elem);
    } 
    
    通过使用
    removeChild(elem)
    您正在从DOM中删除
    。使用
    innerHTML
    清除
    ul
    的内容:

    函数addResults(结果){
    var x=document.getElementById(“ul1”);
    对于(var i=0;i'+结果[i]+''
    }
    }
    函数clearlist(){
    var elem=document.getElementById('ul1');
    elem.innerHTML=“”;
    }
    添加结果([1,2,3,4,5]);
    clearlist();
    添加结果([1,2,3])
    

    因为您在删除x.innerHTML后正在执行它。您已经删除了
    ul1
    。它已经不存在了
    elem.innerHTML=“
    可以工作。这里也不存在
    items
    ?列表元素会增长:(旧的一个stay我正在调用body tag onload