这是一个h1的一个点击的时间下拉，但是我不理解函数最后面的那个innerHTML 的作用
<style>
ul{
width: 200px;
font-size: 18px;
color: aliceblue;
padding: 0;
}
li{
background-color: rgb(195, 93, 93);
margin-bottom: 2px;
}
</style>
</head>
<body>
<h1 onclick="myfn()">前端课程</h1>
<div id="kak"></div>
<script>
function myfn(){
var li = ['html','css3','javascript','jquery','canvas']
var item = '<ul>'
for(i=0;i<=li.length;i++)
item+='<li>'+li[i]+'</li>'
item+='</ul>'
kak.innerHTML = item
}
</script>
