Question

我有一个javascript文件，我在其中添加innerHTML以更改div，onclick告诉我该函数未定义。在我的情况下，函数test（）无法识别。有什么建议？这是代码：

this.initialize = function(){

    var startInput =(document.getElementById('startInput'));

    var div = document.createElement('div');
    div.innerHTML = '<img id="cur_location_img" style="position:absolute;z-index: 1; margin-top: 7px; left:330px; top:20px;"'+
    ' src="../images/location.png" onclick="test()"/>';
    startInput.appendChild(div)
}

function test(){
    console.log("IN TEST");
}

Answer 1

请使用windows.funcname来运行。

function initialize() {

    var startInput =(document.getElementById('startInput'));

    var div = document.createElement('div');
    div.innerHTML = '<img id="cur_location_img" style="position:absolute;z-index: 1; margin-top: 7px; left:330px; top:20px;"'+
    ' src="../images/location.png" onclick="window.ttt()"/>';
    startInput.appendChild(div)
}

window.ttt = function () {
    alert('done');
}

initialize();

jsfiddle

InnerHTML onclick不识别函数

1 个答案: