Javascript 如何添加<；李>；至<；ul>；用于聊天应用程序？

功能addMessageToBody（聊天）
{
var htmlst=“”；
htmlSTR=“另一个巴拉圭”
”；
//htmlSTR+=“
Doruk”；
//警报（htmlSTR）；
//$（“#消息列表”）.html（主）；
}

努马拉之旅2
努马拉之列3
李斯特·努马拉4
努马拉5号
李斯特·努马拉6
努马拉之列7
努马拉之列8
努马拉之旅9
努马拉10号
努马拉李斯特11
努马拉李斯特12
努马拉李斯特13
李斯特·努马拉14





奥赞
3分钟前
..........



拉西姆·奥桑
3秒前
CZCZCZCZCZCZCZ


发送

一个选项是使用

innerHTML

：

var element = document.getElementById('message-lists');

element.innerHTML = element.innerHTML + "<p>another paragaraph</p><li 
class='left'><span class='username'>Doruk</span>";

var-element=document.getElementById（'message-list'）；
element.innerHTML=element.innerHTML+“另一个段落
class='classleft'>多鲁克”；

为按钮添加事件侦听器

在事件处理程序函数中，附加htmlSTR。每次单击按钮时都会运行此功能

由于您似乎正在使用jQuery，您可以这样做：

$(function(){
    var htmlSTR = "<li><p>another paragaraph</p></li>";
    var $ul = $('#olasimesajlar');
    var $button = $('#id_of_your_button');

    $button.click(buttonClickHandler);

    function buttonClickHandler(){
        $ul.append(htmlSTR);
    }
});

$（函数（）{
var htmlSTR=“
另一个巴拉圭”
”；
var$ul=$（'olasimesajlar'）；
var$button=$（“#id_of_your_button”）；
$button.单击（buttonClickHandler）；
函数按钮ClickHandler（）{
$ul.追加（htmlSTR）；
}
});

您使用的是jQuery，因此您可以像

$("#message-lists").append(htmlSTR);

---

但是，如果您的消息行（li-s）的html很大而且很困难，那么您应该使用JSON响应，并使用js（基于接收到的数据）在客户端构建消息行。此外，我还建议使用一些javascript模板引擎，如Mustache或Handlebar。

element.insertAdjacentHTML

请给出一个小示例。我是JavaScript新手。但是我找不到关于这类事情的有用信息请试着自己做更多的研究。你会得到bette的