如何在JS中设置默认选项卡

时间:2016-05-30 21:33:21

标签: javascript tabs

好的,所以我用JS制作的标签很少,而且工作正常,但是如何将默认标签设置为登陆,这样我就不必实际点击它?我的意思是如何默认显示我的第一个标签?谢谢ppl! < 3

function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
}

tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tabcontent.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
}

document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";

}

1 个答案:

答案 0 :(得分:1)

根据给出的信息, 看起来您已经发布了一个将在点击事件中使用的功能,有效地重置所有标签和标签内容,然后激活所需的标签..

这很好但是,在调用此函数之前,它没有说明选项卡的状态。

与Jeremy所说的一致,你应该在你的HTML中为你的标签提供活跃的类...你说只有tablink才有效...

这是因为通过查看您的功能,tabcontent和tablinks是不同的。因此,在HTML中将tabcontent和tablinks设置为活动状态。或者确保最初未设置所需的tabcontent以显示:none