如何从JavaScript中动态创建的元素获取文本

我正在用JS动态创建Div文本,想知道如何在单击时访问各种文本。

这是我到目前为止所尝试的;

我动态创建的div

function Message(Side,message) {

var divChat = '<div class="direct-chat-msg ' + Side + '">' +
                  '<div id="myDiv" class="direct-chat-text">' + message + '</div>' +

                    '<div id="accountMenu">' +
                    '<li onclick = "getMessage(' + message + ')" id="replyDiv">Reply</li>' +
                    '<li>Preferences</li>' +
                    '</ul>' +
                    '</div></div>';

    $('#divChatWindow').append(divChat);

}
点击 li

JS。

 function getMessage(str) {
     alert(str);
 }

我遇到的错误是:

Uncaught ReferenceError: *whaeverthemessageis* is not defined
    at HTMLLIElement.onclick

解决此问题的最佳方法是什么?

谢谢=)

bendan0663 回答:如何从JavaScript中动态创建的元素获取文本

您使用单引号和双引号将html格式错误。该消息被视为变量,而不是字符串,因此未定义错误。

替换:

'<li onclick = "getMessage(' + message + ')" id="replyDiv">Reply</li>' +

与此:

'<li onclick = "getMessage(\'' + message + '\')" id="replyDiv">Reply</li>' +
,

我不确定是什么问题,但这是一个可行的Playcode

本文链接:https://www.f2er.com/3149751.html

大家都在问