如何修复消息出现在新行中?

How to fix message to appear in new line?

我创建了一个用 javascript 编写的聊天机器人程序。每当用户按下回车键时,响应都会出现在同一行而不是换行。根据建议,我也添加了 loadresponse() 的代码。这是代码片段:

// function to display success response in conversation div
function loadResponse(lexResponse) {

    var conversationDiv = document.getElementById('conversation');
    var responsePara = document.createElement("P");
    responsePara.className = 'lexResponse';
    if (lexResponse.message) {
        responsePara.appendChild(document.createTextNode(lexResponse.message));
        responsePara.appendChild(document.createElement('br'));
    }

消息没有出现在新行中,而是出现在同一行中

您可以将 <br /> 附加到 innerHTML 属性。

responsePara.innerHTML = `${responsePara.innerHTML}<br />`;