一步,打开eclipse开发工具,新建静态页面lastIndexOf.html,如下图所示:
第二步,在<script></script>内编写代码,声明两个变量E1和E2,如下图所示:
第三步,预览该静态页面,打开浏览器控制台,查看打印结果,如下图所示:
第四步,再次修改代码,lastIndexOf方法内第一个参数设置为数组中没有的元素,如下图所示:
第五步,再次预览该静态页面,发现打印的结果为“-1”,说明没有查找到该元素,如下图所示:
第六步,再次修改代码,添加第二个参数,从倒数第二个开始查找,如下图所示:
是获得索引么?不考虑兼容问题,用一下document.getElementsByClassName
var child = document.getElementsByClassName("child")for (var i = 0 i < child.length i++) {
var a = child[i]
a.index = i//给每个className为child的元素添加index属性
a.onclick = function () {
alert(this.index)
}
}
这样你每次点击就能获得你点击的元素的index