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

Question

我正在 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

解决这个问题的最佳方案是什么？

谢谢=)

Answer 1

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

替换:

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

这样:

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