如何更改 Socket.io 中所有传入消息的 HTML 类？

【问题标题】：How to change HTML class for all incoming messages in Socket.io?如何更改 Socket.io 中所有传入消息的 HTML 类？
【发布时间】：2021-06-13 10:49:42
【问题描述】：

我正在尝试创建chat app with Socket.io and Express。一切正常，但这个让我措手不及。我希望所有传入的消息都具有不同的 HTML 类，仅用于样式设置。我已经尝试进行研究，但似乎没有任何效果。如果您能分享任何建议，我将不胜感激。

谢谢。

【问题讨论】：

【解决方案1】：

在创建时添加一个类，并在新消息之前删除该类。

在您的函数outputMessage 中，使用“新”类创建每条新消息

const div = document.createElement('div');
div.classList.add("new");

在将其注入 DOM 之前，找到所有 .new 元素，并删除该类

document.querySelectorAll('.new').forEach(x => x.classList.remove('new'));

您可能希望系统也将点击的消息标记为非新消息，或者用户可能期望的其他一些常见行为。

【讨论】：