wp231957 发表于 2020-2-14 18:42:13

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

<script>
             $.get("/ztsend", function(data){
                        var ele=document.createElement("li");
                                ele.innerHTML=data.time+data.username;
                                document.getElementById("ly").appendChild(ele);
                                var ele2=document.createElement("li");
                                ele2.innerHTML=data.texts;
                                document.getElementById("ly").appendChild(ele2);
                               
                });
        </script>

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

不二如是 发表于 2020-2-14 23:13:56

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

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

再大后端数据库

wp231957 发表于 2020-2-15 14:47:25

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

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


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

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

wp231957 发表于 2020-2-15 16:22:23

本帖最后由 wp231957 于 2020-2-15 16:23 编辑

@不二如是

function add()
      {
                 var x = document.getElementById('ly');
                 var lis=x.childNodes;
             for(var i=0;i<lis.length;i++){
                  console.log("Item "+i+": "+lis.item(i)+lis.item(i).innerHTML);
             }
                 //console.log(l);
       }

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

Item 0: undefined
lybmain:109 Item 1: 2020-02-15 16:21:32.416960:zhangsan:
lybmain:109 Item 2: undefined
lybmain:109 Item 3: 今天天气真好
lybmain:109 Item 4: undefined
lybmain:109 Item 5: 2020-02-15 16:21:32.416960:admin:
lybmain:109 Item 6: undefined
lybmain:109 Item 7: 你们要去逛街吗
lybmain:109 Item 8: undefined
lybmain:109 Item 9: 2020-02-15 16:21:32.416960:lisi:
lybmain:109 Item 10: undefined
lybmain:109 Item 11: 我们想去公园
lybmain:109 Item 12: undefined
lybmain:109 Item 13: Sat, 15 Feb 2020 16:21:32 GMTwp231957
lybmain:109 Item 14: 这里能取到最后一个我们添加的li标签内容
如何在Item 14: 43543253这个
元素的下面继续动态追加新元素
页: [1]
查看完整版本: 这种动态添加标签的方式 没有记忆功能，怎么弄