，spe2，使用jquery向dom添加html。

Question

我正在使用jquery添加dom元素。在我的例子中，我使用这个函数：

    function addMessage(message){
        var html = "...";
        html += "<a href='#' onclick='listen()'>";
        html += "...";
        $("#chat-main").append(html);
    }

当我调用这个函数时，我可以在dom：<a href="#" onclick="listen,spe2,,spe1,">中看到

发生了什么，我该怎么解决呢？

Answer 1

下面是如何使用jquery创建html元素并将其插入DOM

    var html = $("<a href='#' onclick='listen()'/>");

    $("#chat-main").append(html);

此外，还可以使用以下方法设置任何元素的文本

$("p").text("your text will go here.");

Answer 2

试试这个：

function addMessage(message){
var html = $("<a href='#' onclick='listen()'/>");

$("#chat-main").append(html);
$("p").text(message);
}
$(document).ready(function() {
    addMessage("It's me"); // this you can call on onclick or by other events can remove from document.ready.

});

Html

<p>hello</p>
<div id="chat-main"></div>

回家会有帮助的。