<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul id="menu">
<li>AAA</li>
<li>AAA</li>
<li>AAA</li>
</ul>
<script type="text/javascript">
//点击每一个li时,弹出li在兄弟节点中的位置
var os=document.getElementById('menu').getElementsByTagName('li');//li
// for(var i in os){
// // console.log(i);
// console.log(os[i]);
// }
for(var i=0;i<os.length;i++){
os[i]._index=i;//为每一个节点对象添加一个属性_index,并且赋值
//遍历节点,为每一个li添加点击事件
os[i].οnclick=function(){
// alert('click');
// alert(i);
alert(this._index);//访问属性
};
}
// console.log(i);
// o.aaaaaaaaaaa=10;
</script>
</body>
</html>