- varul = document.querySelector('ul');
- varbtn = document.querySelector('button');
- //动态添加元素
- btn.addEventListener('click',function(){
- varli = document.createElement('li');
- li.innerhtml='我是新添加的li元素';
- ul.appendChild(li);
- })
- ul.addEventListener('click',function(e){
- varlis = document.querySelectorAll('li');
- for(vari = 0; i < lis.length; i++) {
- lis[i].index=i
- }
- vartag = e.target;//获取当前点击的元素节点
- if(tag.nodeName.toLowerCase()=='li') {//使用元素节点的nodeName属性获得元素的名称,并转换为小写,判断是不是我们想要的
- console.log(tag.index);//如果是,就输出对应的索引值
- }
- });
来源: http://www.bubuko.com/infodetail-1967144.html