Question

js给动态创建的按钮添加动态事件？

想实现的功能是代码是根据数组的长度创建出相等的按钮 然后给按钮依次绑定数组内的内容 点击第一个按钮给video的src第一个数组的值第二个就给第二个值依此类推 可是这么写全部按钮绑定的都是最后一个值怎么回事

Answer 1

这是JavaScript经典的闭包问题

你需要

document.getElementById('king' + i).onclick = function(i)
{
	return function()
	{
		document.getElementById('shipin').src = arr[i]
	}
}(i)

Answer 2

也可以使用传统方法

var arr = ['2','4','5','63','43']; // 定义一个数组
 for (var i=0;i<arr.length;i++){
    var button=document.createElement("input");
    button.type="button";
    button.id="king"+i;
    button.value="第"+(i+1)+"集";
    button.scr=arr[i];
    
    button.addEventListener('click', function (){
        alert(this.scr);
        document.getElementById("shipin").scr=this.scr;
    })
    document.body.appendChild(button);
}