近期，面试我们总会遇到这样一个面试题：现在网上答案很多苟同，但是我还是想在重复的述说一遍，俗话说：好记忆不如烂笔头， 虽然常见，简单，反复出现，总之，在简单的多写写记忆还是很深刻的，即使忘了，也能拿出来翻翻。
代码如下：（简单些）
html代码香蕉苹果菠萝猕猴桃芒果方法一:var itemli = document.getElementsByTagName("li");for(var i = 0; i itemli[i].index = i; //给每个li定义一个属性索引值，赋itemli[i].onclick = function(){alert("下标索引值为："+this.index+"\n"+"文本内容是："+this.innerHTML); // \n换行 索引值从0开始}}方法二：（常用）var itemli = document.getElementsByTagName("li");for(var i = 0; i(function(n){itemli[i].onclick = function(){alert("下标索引值为："+n+"\n"+"文本内容是："+itemli[n].innerHTML); // \n换行 索引值从0开始}})(i)}或者or：for(var i = 0; iitemli[i].onclick = function(n){return function(){alert("下标索引值为："+n+"\n"+"文本内容是："+itemli[n].innerHTML); // \n换行 索引值从0开始}}(i)}方法三：jQuery（更简单）$("ul li").click(function(){var item = $(this).index(); //获取索引下标 也从0开始var textword = $(this).text(); //文本内容alert("下标索引值为：" + item +"\n"+ "文本内容是："+textword); // \n换行})