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)