1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。
2、然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会弹出li标签的index值出来。
3、最后打开浏览器，点击其中的一个标签，就会弹出对应的li标签数值了。
1 定义一个数组，li绑定点击onclick事件，点击时获取li内容，jq就是.val() ，JS就是innerHTML；
2 每点击获取一个就push到数组里；
var myCont = []var lis = document.querySelectorAll('li')
for (var i =0 i<lis.length i++){
lis[i].i = i
lis[i].onclick = function(){
var cont = this.innerHTML
myCont.push(cont)
console.log(myCont)
}
}
希望可以帮助到你，Jensonhui
The Harder You Work , The Luckier You Will Be .
