一边创建新元素，一边给元素绑定事件，带参数的点击事件

事件，带参数的点击事件"/>

一边创建新元素，一边给元素绑定事件，带参数的点击事件

1 拼接字符串方法，不推荐，容易出错
for(var k=0;k<res.length;k++){var lis= document.createElement("li");var buttons =  '<button οnclick="change( '+"'"+ res[k].url+ "'"+' )">  '+ res[k].name+ '  </button>';lis.innerHTML= buttons;ul01.append(lis);
}

如果button按钮是字符串拼接的，那么下面的代码是错误的

buttons.innerText = res[k].name;

只有是document.createElement("li")创造的元素，才能使用功能innerHTML

2 把参数设置为该元素的一个属性，随后再取出，作为参数，比如控制台打印，或者其他函数的参数，推荐使用

for(var i =0;i <res.length;i++){var Li02 = document.createElement("li");Li02.innerText=res[i].name;Li02.setAttribute("url", res[i].url);Li02.addEventListener('click',function (ev) { console.log( ev.target.getAttribute("url") );document.getElementById("source01").src=ev.target.getAttribute("url")  ;document.getElementById("video01").load();})ul02.append(Li02);
}