Javascript 未捕获引用错误：HtmleElement.onclick（（索引）：1）中未定义否

这是我的密码

var div=$（“#divId”）.html（“”）；
var-messageId=12；
var message=“未找到”；
div.append（'单击此处'）；
console.log（“准备就绪！”）；
函数showMessage（id，msg）{
警报（'id:-'+id+'msg:-'+msg）；
}

你好

我将更改显示消息单击事件的工作方式：

$(document).ready(function(){
AddHeaderTagToDom();
});

function AddHeaderTagToDom(){
var div = $("#divId");
var messageId = 12;
var message = "not found";
div.append('<h1 id="messageHeader" class="text-danger" data-message-id='+ messageId +' 
data-message-text ='+ message +'>click here </h1>');

BindShowMessage();
}

function BindShowMessage(){
$('#messageHeader').on('click',function(){
var id = $(this).data('message-id');
var text = $(this).data('message-text');

DoShowMessage(id,text);
});
}

function DoShowMessage(id,msg){
alert('id :-'+id + ' msg:- '+msg);
}

$（文档）.ready（函数（）{
AddHeaderTagToDom（）；
});
函数AddHeaderTagToDom（）{
var div=$（“#divId”）；
var-messageId=12；
var message=“未找到”；
div.append（'单击此处'）；
BindShowMessage（）；
}
函数BindShowMessage（）{
$（'#messageHeader'）。在（'click'，function（）上{
var id=$（this）.data（'message-id'）；
var text=$（this）.data（'message-text'）；
DoShowMessage（id，text）；
});
}
函数DoShowMessage（id，msg）{
警报（'id:-'+id+'msg:-'+msg）；
}

---

因此，基本上，当文档加载时，将h1标记附加到div元素，并在附加h1标记后注册click事件。单击h1时，获取消息id和文本的数据属性，并调用showMessage方法。

您试图添加一个字符串，而不使用

\'

将属性用于该字符串，则实际上不需要使用

'

将其包装（

数据消息文本=“+message+”）

可以是

data message text=“+message+”

），再加上-通过添加

id=“messageHeader”

您可以向DOM添加具有相同id的多个元素

id=“messageHeader”

用于简单演示此示例