【问题标题】: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 类,仅用于样式设置。我已经尝试进行研究,但似乎没有任何效果。如果您能分享任何建议,我将不胜感激。

谢谢。

【问题讨论】:

  • 能否请您提供一些您的代码截图,以便于理解您的问题的确切上下文

标签: html node.js express socket.io


【解决方案1】:

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

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

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-18
    相关资源
    最近更新 更多