js选项卡点击切换的代码是哪个

2025年05月05日 19:08
有1个网友回答
网友(1):






//储存前一个hover选项的索引
var preIndex = 0;

function change(index){
//获取元素节点
var lis = document.getElementById('ul').getElementsByTagName('li');
var divs = document.getElementById('div').getElementsByTagName('div');
//给选项卡添加hover样式
lis[preIndex].style.backgroundColor = '';
lis[index].style.backgroundColor = 'pink';
//移除前一div的class
divs[preIndex].className = null;
//添加class
divs[index].className = 'on';
//把当前索引号储存起来
preIndex = index;
divs[index].innerHTML = 'div ' + index;

}





option1
option2
option3








相关问答