javascript获取点击<li>标签里的值

 

思路利用 li 的onclick 事件 来获取 

 

具体参考下面例子

 

 

 

为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=0;i<obj_lis.length;i++){
		obj_lis[i].onclick = function(){
			alert(this.innerHTML);
		}
	}
}

3、效果演示