<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
li{
list-style: none;
cursor: pointer;
}
</style>
<script type="text/javascript">
window.onload = function(){
var Ul = document.getElementById("ul");
var Li = Ul.getElementsByTagName("li");
Ul.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.nodeName.toLowerCase() == "li"){
var index = 0;
for(var i=0;i<Li.length;i++){
if(Li[i]===target){
index=i;
};
}
if(index>=0){
alert('索引是'+index);
}
}
}
}
</script></tête>
<corps>
<ul id="ul">
<li>首页</li>
<li>新闻</li>
<li>娱乐</li>
</ul>
</body>
</html>
Je voudrais demander s'il existe un moyen plus simple d'obtenir l'index en utilisant la délégation d'événements ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
children转换为Array，然后直接调用indexOf. (Sans considérer la compatibilité...)Voici un exemple