Javascript 如何在创建HTML元素时选择未使用的变量名？

我正在制作一种聊天室，在那里你可以和一个机器人聊天，机器人会在你的信息中寻找关键词，并根据关键词回复。我正处于这样一个阶段，我已经知道了如何根据您发送的消息创建一个新的聊天元素，但我的思考过程是创建一个名为的新元素，代码如下

const chat=document.createElement（“div”）但当您使用消息文本编辑该div文本时，它将更改具有该名称的所有div的文本。当您继续使用相同的名称重新创建该div时，就会发生这种情况。所以我一直在研究如何将一个名字随机化，我想到的最简单的方法就是让所有变量都以chat这个词开头，并在末尾添加一个数字。就像这样
Chat0、Chat1、Chat3
我无法使用固定函数更改变量名来创建元素

如果有人有任何建议，我洗耳恭听：）
我不确定我是否准确地理解了你的问题，而且听起来你在使用javascript（而不是java），所以我的答案是这样假设的：

如果您试图将每条聊天信息存储在单独的in-code变量中，那么这是行不通的。您可能希望将聊天信息存储在一个数组中，其中数组中的每个项目都是一个对象；类似这样的结构：

const chatMessages = [
  { id: 'xyz123', text: 'chat message text' },
  { id: 'abc456', text: 'chat message 2' },
];

等等。。。当您创建更多聊天信息时，您可以将它们添加到此阵列中。ID将是使用库生成的UUID，如
（您需要uuid/v4版本），
或

如果您希望避免与
div的命名冲突，那么您可以向div添加id或class，并将上面的id注入这些属性中，这样您就可以区分div元素

<div id={id_from_above}></div>
// or
<div class={id_from_above}</div>


//或
您可以给div id或class。我会为每条聊天信息创建一个随机的uuid，并将其作为id或类附加到div，这样您就有了一个标识符。idk java必须提供的功能，但对于node/javascript，我使用uuidv4或nanoid。但我很困惑。您是否试图在代码中不包含冲突的html元素或变量？如果您引用的是代码内变量，您可能希望使用数组而不是1-off变量。数组中的每个项都可以是具有标识符的对象。另外，您是在使用java还是javascript？@duxfox我建议您回答一下您的评论。