javascript - 如何在触发事件后追加新的换行符并保留前一个换行符？

Question

我正在制作一个聊天应用程序，需要附加消息。问题是新消息都是内联的，我需要一种方法来在发送消息后创建一个新行，而不是删除以前的消息。

我使用了 '\n' 但它只提供空格。我尝试使用innerHTML，但它会替换所有内容，因此以前的消息会丢失。

我想用 vanilla js 来解决这个问题。

本质上，我想将这行 Jquery 转换为 js：

socket.on('chat message', function(msg){
  $('#messages').append($('<li>').text(msg));
});

标签： javascripthtmlsocket.io

Answer 1

您是否尝试将消息包装在新标签中，例如<p>or <li>？您还可以为这些标签指定一个类，该类display: block;在大多数情况下会将它们显示在新行上。