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

Question

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

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

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

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

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

Answer 1

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