如何让javascript选项卡作用于指定的div内?

发布网友发布时间：2022-04-23 22:04

共2个回答

热心网友时间：2022-04-23 23:33

// 可能是你的css没有设置初始化，代码没什么毛病，我加了两句初始化，css不用设置隐藏也ok
var buttonArr = document.getElementsByTagName("button");
var divArr = document.getElementsByTagName("div");

for(var i = 0; i < buttonArr.length;i++){
//隐藏所有的div
divArr[i].style.display="none";
//显示第一个div
divArr[0].style.display="block";
buttonArr[i].onclick = function() {
for(var j = 0; j < buttonArr.length; j++) {
buttonArr[j].style.backgroundColor = "#ccc";
this.style.backgroundColor = "yellow";
divArr[j].style.display = "none";
if(this == buttonArr[j]) {
divArr[j].style.display = "block";
}
}
}
}

热心网友时间：2022-04-24 00:51

你定义的是div，而不是对应的div

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com