[已解决]这种动态添加标签的方式 没有记忆功能，怎么弄

wp231957

1. <script>
   
2.              $.get("/ztsend", function(data){
   
3.                         var ele=document.createElement("li");
   
4.                                 ele.innerHTML=data.time+data.username;
   
5.                                 document.getElementById("ly").appendChild(ele);
   
6.                                 var ele2=document.createElement("li");
   
7.                                 ele2.innerHTML=data.texts;
   
8.                                 document.getElementById("ly").appendChild(ele2);
   
9.                                
   
10.                 });
    
11.         </script>

复制代码

这样就添加了2个LI 标签
可是下次请求数据时，他再次添加的2个标签 li  只不过就是覆盖上一次的内容   而不是继续增加

最佳答案

月排行榜 / 总排行榜

不二如是

2020-2-14 23:13:56

记忆功能可以通过 JS 获取元素，然后保存到变量中。

如果数据量较大，就是缓存中。

再大后端数据库

跳转到最佳答案楼层

不二如是

记忆功能可以通过 JS 获取元素，然后保存到变量中。

如果数据量较大，就是缓存中。

再大后端数据库

wp231957

不二如是 发表于 2020-2-14 23:13
记忆功能可以通过 JS 获取元素，然后保存到变量中。

如果数据量较大，就是缓存中。

记忆功能可以通过 JS 获取元素，然后保存到变量中

这个咋做  给点提示呗
我查看网页源码， document.getElementById("ly").appendChild(ele2);这样追加过去的元素
在源码中看不到，如何保存变量中，下次挨着它继续创建新标签呢

wp231957

@不二如是

1. function add()
   
2.         {
   
3.                  var x = document.getElementById('ly');
   
4.                  var lis=x.childNodes;
   
5.              for(var i=0;i<lis.length;i++){
   
6.                   console.log("Item "+i+": "+lis.item(i)+lis.item(i).innerHTML);
   
7.              }  
   
8.                  //console.log(l);
   
9.        }

复制代码

下面是F12控制台输出的信息

1. Item 0: [object Text]undefined
   
2. lybmain:109 Item 1: [object HTMLLIElement] 2020-02-15 16:21:32.416960  :  zhangsan  :
   
3. lybmain:109 Item 2: [object Text]undefined
   
4. lybmain:109 Item 3: [object HTMLLIElement] 今天天气真好  
   
5. lybmain:109 Item 4: [object Text]undefined
   
6. lybmain:109 Item 5: [object HTMLLIElement] 2020-02-15 16:21:32.416960  :  admin  :
   
7. lybmain:109 Item 6: [object Text]undefined
   
8. lybmain:109 Item 7: [object HTMLLIElement] 你们要去逛街吗  
   
9. lybmain:109 Item 8: [object Text]undefined
   
10. lybmain:109 Item 9: [object HTMLLIElement] 2020-02-15 16:21:32.416960  :  lisi  :
    
11. lybmain:109 Item 10: [object Text]undefined
    
12. lybmain:109 Item 11: [object HTMLLIElement] 我们想去公园  
    
13. lybmain:109 Item 12: [object Text]undefined
    
14. lybmain:109 Item 13: [object HTMLLIElement]Sat, 15 Feb 2020 16:21:32 GMTwp231957
    
15. lybmain:109 Item 14: [object HTMLLIElement]这里能取到最后一个我们添加的li标签内容
    
16. 如何在Item 14: [object HTMLLIElement]43543253  这个
    
17. 元素的下面继续动态追加新元素

复制代码