div不触发javascript中的onclick事件

Question

我的div元素是：

<div id="div"></div>

以下是javascript 。：

function makediv() {
        var divmy = document.getElementById("div");
        var row ='';
        var color='#ccc';
        for(var i=0;i<2;i++) 
        {
divmy.innerHTML += " <div class='dynamic' id='inner"+i+"' onclick=searchFilterations(i)>"+i+"</div> ";
            color='black';
        }
    }
    function searchFilterations(e){
    alert(e);
    }

问题是：searchFilterations（）函数不会在click上触发。这是什么错误？ 这是小提琴： http : //jsfiddle.net/cjT4s/4/

Answer 1

请调用makediv函数的onload事件

window.onload = makediv;

function makediv() {
    var divmy = document.getElementById("div");
    var row ='';
    var color='#ccc';
    for(var i=0;i<2;i++) 
    {    

    //    divmy.innerHTML += " <div style='width: 100px;height: 30px;background-color:"+color+" ;' onclick=javascript:alert("+i+")></div> ";

         divmy.innerHTML += " <div class='dynamic' id='inner"+i+"' onclick=searchFilteration("+i+")>"+i+"</div> ";
        color='black';
    }
}
function searchFilteration(i){
alert(i);
}

现场演示

Answer 2

使用window.searchFilteration = function (i) { ... }尝试一下：

makediv();

function makediv() {
    var divmy = document.getElementById("div");
    var row ='';
    var color='#ccc';
    for(var i=0;i<2;i++) 
    {    
         divmy.innerHTML += " <div class='dynamic' id='inner"+i+"' onclick='searchFilteration("+i+")'>"+i+"</div> ";
        color='black';
    }
}
window.searchFilteration = function (i){
alert(i);
}

现场演示