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

1 拼接字符串方法，不推荐，容易出错
for(var k=0;k<res.length;k++){
       var lis= document.createElement("li");
       var buttons =  '<button onclick="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);
}