
1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。
2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。
3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。
该程序用遍历实现tab栏切换步骤如下:
1、根据微机网资料显示,获取tab栏的父元素和所有的tab选项卡元素。
2、遍历所有的tab选项卡元素,为每个元素添加点击事件。
3、在点击事件中,遍历所有的tab选项卡元素,将当前选中的tab选项卡添加active类,其他tab选项卡移除active类即可。
var obj = {};
for(var k in obj) {
//遍历对象,k即为key,obj[k]为当前k对应的值
consolelog(obj[k]);
}
以上就是关于js如何获取被点击li是第几个全部的内容,包括:js如何获取被点击li是第几个、js中tab栏切换怎么用遍历实现、Js 怎么遍历json对象所有key及根据动态key获取值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)