一个简单的原生js封装tab切换函数

来源：互联网发布：观军事知天下编辑：程序博客网时间：2024/06/05 15:06

function navTag(nav_ls_id, nav_con_id,nav_ls_item,nav_con_item) {    if (document.getElementById(nav_ls_id) && document.getElementById(nav_con_id)) {         var nav_ls_item = document.getElementById(nav_ls_id).getElementsByTagName(nav_ls_item);        var nav_con_item = document.getElementById(nav_con_id).getElementsByTagName(nav_con_item);        var len = nav_ls_item.length;        nav_ls_item[0].setAttribute("class","active");        nav_con_item[0].setAttribute("class","active");        for (var i = 0; i < len; i++) {            nav_ls_item[i].setAttribute("data-index", i);            nav_con_item[i].setAttribute("data-index", i);        }        for (var i = 0; i < len; i++) {            nav_ls_item[i].onmouseover = function() {                for (var i = 0; i < len; i++) {                    nav_ls_item[i].setAttribute("class","");                    nav_con_item[i].setAttribute("class","");                }                this.setAttribute("class","active")                _index = this.getAttribute("data-index");                nav_con_item[_index].setAttribute("class","active");            }        }   }}navTag("dytab", "dycon","li","ul")

0 0