思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
1
2
3
4
5
6
|
<
ul
id
=
"test"
>
<
li
>Glen</
li
>
<
li
>Tane</
li
>
<
li
>John</
li
>
<
li
>Ralph</
li
>
</
ul
>
|
2、javascript代码
1
2
3
4
5
6
7
8
|
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、效果演示