如何从 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>' +

Answer 2

我不确定问题出在哪里，但这是一个有效的Playcode