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

我正在使用flask socketio构建一个聊天应用程序。因此,我尝试实现聊天记录,但是遇到的问题是,只要有新用户连接,应用程序就会向新用户以及旧用户发送聊天记录,从而导致旧用户的聊天记录重复用户。我已经在服务器端进行了所有尝试,但是我认为唯一的方法是通过Javascript客户端。有什么办法可以让Javascript获取聊天记录,我可以让JS首先检查页面上是否不存在该消息,然后再附加它们吗?

Here is a screenshot on what is happening. visual representation of what's happening

代码(客户端Javascript)

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

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

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

});

代码(服务器端Flask套接字)

@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);
  }

})