js 怎么获取li的index值

JavaScript010

js 怎么获取li的index值,第1张

思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下：

1、HTML结构

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

<li>Ralph</li>

</ul>

2、javascript代码

window.onload = function(){

var obj_lis = document.getElementById("test").getElementsByTagName("li")

for(i=0i<obj_lis.lengthi++){

obj_lis[i].onclick = function(){

alert(this.innerHTML)

}

}

}

---- alert(document.getElementById("list").getElementsByTagName("li").length)---- 步骤： 1、给UL一个ID值 2、使用document.getElementById获取到这个ID值对应的UL对象 3、再使用getElementsByTagName