html连续自动数组值赋给按钮值,把取值存在数组中，用for循环往元素的innerHTML塞失败了，求热心的朋友帮我看下，非常感谢...

这是想要实现的图

百度音乐

* {

margin: 0;

padding: 0;

}

li {

list-style: none;

}

i {

text-decoration: none;

font-weight: normal;

}

.music {

width: 310px;

margin: 50px auto;

border: 1px solid #000;

}

.music li {

height: 30px;

line-height: 30px;

}

.music i ,

.music span ,

.music input {

float: left;

}

.music input {

height: 14px;

width: 14px;

margin: 8px 15px;

}

.music i {

width: 160px;

height: 30px;

}

window.onload = function () {

var oUl = document.getElementById("music");

var arrLi = oUl.getElementsByTagName("li");

var oSpan = oUl.getElementsByTagName("span")[0];

var oI = oUl.getElementsByTagName("i")[0];

var arrCol = ["#F7FFFF","#fff"];

var arrName = ["私奔","北京北京","我爱你中国","花火","回来","爱要有你才完美"];

var arrSinger = ["梁博","梁博,黄勇","梁博","梁博","梁博","梁博,那英"];

var len = arrName.length;

var str = "";

for(var i=0;i

str += '

';

}

oUl.innerHTML = str;

for(var i=0;i

arrLi[i].style.backgroundColor = arrCol[i%arrCol.length];

}

for(var i=0;i

oI.innerHTML = arrName[i];

oSpan.innerHTML = arrSinger[i];

}

}