1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。
2、然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会弹出li标签的index值出来。
3、最后打开浏览器，点击其中的一个标签，就会弹出对应的li标签数值了。
使用getElementsByTagName可以获得li元素数组 再通过判断数组的长度就可以获得li元素的个数了<ul id ='myul'>
<li></li>
<li></li>
...
</ul>
如上述结构 首先获得ul元素，再调用getElementsByTagName函数
temp = document.getElementById('myul')
lis = temp.getElementsByTagName('li')
alert(lis.length)//显示li元素的个数
或者直接得到：
document.getElementById('myul').getElementsByTagName('li').length
