有若干个classname相同的元素，怎样通过js获得被点击的元素是第几个元素

发布网友 发布时间：2022-04-30 04:25

我来回答

共1个回答

热心网友 时间：2023-10-12 13:13

追答 window.onload = function(){
   var imgs = getElementByClassName("pic");
   for(var i=0;i<imgs.length;i++){
   imgs[i].parentNode.onclick = (function(i){
   return function(){
   alert(i)
   }
   })(i)
   }
   
   }
    function getElementByClassName(className){
   var elems = [];
   if(!document.getElementsByClassName){
   alert("no exit");
   var dom = document.getElementByTagName('*');
   for(var i = 0;i<dom.length;i++){
   if(dom[i].className == className)
elems.push(dom[i]);
   }
}else{
elems = document.getElementsByClassName(className);
}
return elems;
   }

用闭包吧

热心网友 时间：2023-10-12 13:13

追答 window.onload = function(){
   var imgs = getElementByClassName("pic");
   for(var i=0;i<imgs.length;i++){
   imgs[i].parentNode.onclick = (function(i){
   return function(){
   alert(i)
   }
   })(i)
   }
   
   }
    function getElementByClassName(className){
   var elems = [];
   if(!document.getElementsByClassName){
   alert("no exit");
   var dom = document.getElementByTagName('*');
   for(var i = 0;i<dom.length;i++){
   if(dom[i].className == className)
elems.push(dom[i]);
   }
}else{
elems = document.getElementsByClassName(className);
}
return elems;
   }

用闭包吧