如何使用 Javascript 检查页面中的元素是否已存在？

Question

我正在使用 flask socketio 构建一个聊天应用程序。 所以我正在尝试实现聊天历史记录，但我遇到的问题是，每当新用户连接时，应用程序都会将聊天历史记录发送给新用户以及旧用户，从而导致旧用户重复聊天记录用户。 我已经尝试了所有服务器端，但我认为唯一的方法是通过 Javascript 客户端。 有没有什么办法可以让 Javascript 获取聊天记录时，我可以让 JS 先检查页面上是否不存在该消息，然后再检查 append 吗？

这是正在发生的事情的屏幕截图。 正在发生的事情的视觉表示

代码（客户端Javascript）

  const socket = io.connect("http://127.0.0.1:5000");

socket.on('connect', function() {

  socket.emit('sync_messages', {
    dname: "{{dname}}"
  });

});

代码（服务器端Flask Socketio）

@socketio.on('sync_messages')
def handle_sync(data):
        socketio.emit('show_all_messages', messages)

代码（又是客户端）

socket.on('show_all_messages', function(data) {
 // console.log(data);
  len = data.length;
  for (i = 0; i < len; i++) {
    const newNode = document.createElement('div');
    newNode.innerHTML = data[i];
    document.getElementById('messages').appendChild(newNode);
  }

})

Answer 1

真的很简单。 您可以为需要查找和执行的元素提供任何类型的属性

function checkElement(){
   if(document.querySelector(/*Selector*/)){
      return true;
   }
   else{return false;}
}

然后只需在需要时调用此 function。 if 语句中的 document.querySelector 将自动查找您是否存在 html 元素