原声js点击消息列表，聊天框切换

您好！感谢您的问题。我了解您的需求，您想在原生JavaScript中实现点击消息列表时，切换到相应的聊天框。这可以通过以下步骤来实现：

1. 获取所有的消息列表元素和聊天框元素，可以通过类名或ID来获取。

2. 给每个消息列表元素添加点击事件监听器。在事件处理程序中，获取该消息列表元素对应的聊天框元素。

3. 遍历所有的聊天框元素，将它们的 display 属性设置为 none，这样隐藏所有的聊天框。

4. 将获取到的聊天框元素的 display 属性设置为 block，这样显示该聊天框。

下面是一个简单的示例代码：

// 获取所有的消息列表元素和聊天框元素
const messageList = document.querySelectorAll('.message-list');
const chatBoxes = document.querySelectorAll('.chat-box');

// 给每个消息列表元素添加点击事件监听器
messageList.forEach((message, index) => {
  message.addEventListener('click', () => {
    // 获取该消息列表元素对应的聊天框元素
    const chatBox = chatBoxes[index];

    // 遍历所有的聊天框元素，将它们的 display 属性设置为 none
    chatBoxes.forEach((box) => {
      box.style.display = 'none';
    });

    // 将获取到的聊天框元素的 display 属性设置为 block
    chatBox.style.display = 'block';
  });
});

希望这个示例代码能帮到您。如果您有任何问题或疑问，请随时向我提问。