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、效果演示
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<body(
<i id="i1" value="3">
body
<script>
var a=document.getElementById("i1");
var b=a.getAttribute("value")
console.log(b)
</script>
输出 3
简便写法可以这么写。。。
var a=document.getElementById("i1").getAttribute("value");
console.log(a);
document.getElementById(
"i_id"
).innerHTML
)