Two methods to pop up the list index by clicking the LIST _ javascript skills

The second method to use event bubbling to delegate to the parent node of the list is to use closures. If you are interested, refer to this article, which may be helpful for you to learn about js. Method 1: Use event bubbling to delegate to the parent node of the list for processing:

The Code is as follows:

Var ulObj = document. getElementById ("myUl ");
UlObj. onclick = function (event ){
Var tg = event.tar get;
Var liArray = ulObj. getElementsByTagName ("li ");
For (var I = 0; I <liArray. length; I ++ ){
If (liArray [I] === tg ){
Alert (I + 1 );
}
}
}

Method 2: Use closures:

The Code is as follows:

Var liArray = document. getElementById ("myUl"). getElementsByTagName ("li ");
For (var I = 0; I <liArray. length; I ++ ){
(Function (){
Var n = I;
LiArray [I]. onclick = function (){
Alert (n + 1 );
}
}) (I)
}

HTML code:

The Code is as follows:

• Haha


• Heihei


• Hehe


• Gaga