无法在Java脚本中单击图像的事件时调用函数

Question

我已经在Java脚本文件中定义了一个包含Image的变量

 var route ='<img src="http://s31.postimg.org/mwewcja1j/146117012724825.png" alt="route" id="routeimg" onclick="myFunction()" style="width:50px;height:35px;">';
 function myFunction{alert("hello")}

错误myFunction未定义。

要么

 var route ='<img src="http://s31.postimg.org/mwewcja1j/146117012724825.png" alt="route" id="routeimg" style="width:50px;height:35px;">';
document.getElementById("routeimg").onclick= "alert("hello")";

Error :routeimg is not defined

我已经用Google搜索了所有此类帖子并复制了“确切程序”，但没有任何帮助

Answer 1

您的函数语法错误。 它缺少括号：

function myFunction(){
    alert("hello")
}

为此，必须将您的route添加到DOM中。

Answer 2

第二个代码段将因其他原因而失败。 解析HTML文档时，会将标记属性值onclick="alert('hello')"转换为以下形式的HTML事件处理函数：

function(event){ onclick_attriute_text_from_HTML_source };

并将其添加为在DOM中为标记创建的HTMLelement的onclick属性，则无法在代码中将属性设置为text。 必须将其设置为功能对象。 例如

document.getElementById("routeimg").onclick= function(){alert("hello")";};

和以前一样，您必须先将元素添加到DOM。