javascript - Javascript innerHTML 超出范围问题？

Question

我想知道为什么下面的 jsfiddle 不起作用。如果无论如何它可以工作。任何想法，将不胜感激。我会认为，由于 html 当时会包含变量名，所以它会起作用......但它没有。诡异的。我正在使用最新版本的 Firefox。

应该发生什么：onclick 应该发出警报！

http://jsfiddle.net/VqA9g/125/

Answer 1

您的方法调用需要引用 list_name。

这是有效的编辑脚本：

function example() {
    for ( var i = 0; i < list.length ; i++ ) {   
        var list_name = list[i];
        var div = document.getElementById('testing');
        div.innerHTML += "<txt onClick=\"test('" + list_name + "');\">" + list_name + "</txt><br>";
    }
}

通过这个小改动，我可以看到警报正常工作。

Answer 2

您忘记将单词括在引号中。因此，对于您的代码，它作为变量传递，没有定义。这是一个更新的版本：

http://jsfiddle.net/VqA9g/131/