Javascript innerHTML 超出范围问题?

标签 javascript html css

我想知道为什么下面的 jsfiddle 不起作用。如果无论如何它都可以工作。任何想法,将不胜感激。我想既然 html 当时会包含变量名,那它会起作用……但它不起作用。诡异的。我正在使用最新版本的 Firefox。

应该发生什么:onclick 应该提醒!

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

最佳答案

您的方法调用需要引用 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>";
    }
}

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

关于Javascript innerHTML 超出范围问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12348371/

相关文章:

javascript - 使用 e.stopPropagation() 时复选框更改事件冒泡到父 li 元素

javascript - 根据事件屏幕居中 DIV - jQuery

javascript - 基于输入的 URL 重定向,但如果输入 url 不存在,则不重定向,无法使 PHP 工作

JavaScript 变量作用域/提升问题

javascript 父问题

html - 导航栏没有获取页面的所有宽度

html - 在 Wordpress 菜单中定位 active/current_page_item

html - Bootstrap col-offset

javascript - 取一个 img src 并将其设置在上层 div 的背景 - JQuery

javascript - DOMContentLoaded 上的事件监听器随机触发