按 id 在 HTML 文本区域中显示消息答案

【问题标题】：Show message in HTML textarea by id按 id 在 HTML 文本区域中显示消息
【发布时间】：2020-05-12 03:08:44
【问题描述】：

我正在网站一角以弹出模式制作聊天应用程序。我正在使用 SignalR 在 ASP.NET、C# 中进行聊天。问题是，没有在文本区域中显示消息。这是我的 HTML 文件的代码：

<div class="chat-popup" id="myForm">
        <form action="/Wilcome" class="form-container">
            <h1>Chat</h1>

            <label><b>Message</b></label>
            <textarea id="messagesList" readonly></textarea>
            <textarea placeholder="Type message.." id="messageInput"></textarea>

            <button type="button" class="btn" id="sendButton">Send</button>
            <button type="button" class="btn cancel" onclick="closeForm()">Close</button>
        </form>
    </div>

id="messagesList 未显示。这是在我的 chat.js 文件中，其中显示了发送的消息。当我尝试在一个简单的<ul id="messagesList"></ul> 中使用时，它起作用了，但是在很多消息中它会无限向上并且不能向下滚动，所以最好在 textarea 中制作（如果你能告诉我，我只找到了这个有谁喜欢这个textarea，请分享）

【问题讨论】：

其实你不需要textarea，你可以有一个div，在CSS中给它一个高度，并将它的overflow-y设置为scroll。
非常感谢，它的工作。我如何评价您的评论？
很高兴能帮上忙。我在下面添加了我的评论作为答案。

标签： javascript html css signalr

【解决方案1】：

您实际上可以将滚动条应用于比文本区域更多的元素。

你可以有一个 div，在 CSS 中给它一个高度，并设置它的overflow-y 滚动

<div id="messagesList"></div>

#messagesList{
   height:300px;
   overflow-y:scroll
}

【讨论】：