lovecoding
/
W250511


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>菜单项一</li>
        <li>菜单项二</li>
        <li>菜单项三</li>
        <li>菜单项四</li>
        <li>菜单项五</li>
    </ul>
    <script>
        var aLi = document.getElementsByTagName("li");
        console.log(aLi);
        // var aLi1 = aLi[0];
        // var aLi2 = aLi[1];
        // var aLi3 = aLi[2];
        // var aLi4 = aLi[3];
        // var aLi5 = aLi[4];

        // aLi1.onclick = function(){

        // }

        for(var i = 0;i<aLi.length;i++){
            // console.log(i);
            // 在循环过程中给每一个标签赋一个新的属性index 并赋值为i
            aLi[i].index = i;
            aLi[i].onclick = function(){
                // console.log(i);
                // 获取赋值的index
                console.log(this.index)
            }
        }

    </script>
</body>
</html>