Javascript 如何在html中设置默认的活动/打开选项卡_Javascript_Php_Html_Css

Javascript 如何在html中设置默认的活动/打开选项卡

javascript php html css

Javascript 如何在html中设置默认的活动/打开选项卡,javascript,php,html,css,Javascript,Php,Html,Css,我目前正在做一个技能测试项目，在每个选项卡上显示一个问题。如何设置默认的活动选项卡？我刚从w3schools.com复制了默认打开选项卡的代码，但它不起作用。我不知道为什么。我希望有人能帮助我修复我的代码，因为我是新手。非常感谢你风格： .button { display: inline-block; margin: 4px 2px; border-radius: 8px; } div.tab { overflow: hidden; border: 1

我目前正在做一个技能测试项目，在每个选项卡上显示一个问题。如何设置默认的活动选项卡？我刚从w3schools.com复制了默认打开选项卡的代码，但它不起作用。我不知道为什么。我希望有人能帮助我修复我的代码，因为我是新手。非常感谢你

风格：

.button {
    display: inline-block;
    margin: 4px 2px;
    border-radius: 8px;
}

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

div.tab button {
    background-color: inherit;
    float: left;
    border: 1px solid #ccc;
    outline: none;
    cursor: pointer;
    padding: 13px 12.62px;
    transition: 0.3s;
    font-size: 10px;
}

div.tab button:hover {
    background-color: #ddd;
}

div.tab button.active {
    background-color: #d6f5d6;
}

.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
}

正文：


函数openTab（evt，tabName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i我刚刚将悬停的颜色改为绿色，将活动的颜色改为红色。如果要激活第一个按钮，只需修改以下内容：
<button class="tablinks active" type="button" onclick="openTab(event, 'q1')" id="defaultOpen"></button>

我们在做什么？

我们首先激活默认按钮，然后
为了确保它的内容也被加载，当body被加载时，我们
调用默认按钮的onClick以显示其内容

。按钮{
显示：内联块；
利润：4倍2倍；
边界半径：8px；
}
分区选项卡{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
div.tab按钮{
背景色：继承；
浮动：左；
边框：1px实心#ccc；
大纲：无；
光标：指针；
填充：13px 12.62px；
过渡：0.3s；
字体大小：10px；
}
div.tab按钮：悬停{
背景颜色：绿色；
}
div.tab按钮.active{
背景色：红色；
}
.tabcontent{
显示：无；
边框：1px实心#ccc；
边界顶部：无；
}

函数openTab（evt，tabName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
选择2


选择3




我不懂PHP，但你有一个endforeach，没有foreach。哦，我没有包括我的代码的某些部分，因为我认为它们不重要或与我的问题无关。。在这行代码中，我遇到了click（）函数的一个错误。我可以知道这是jquery预构建函数还是用户定义函数吗？
<button class="tablinks active" type="button" onclick="openTab(event, 'q1')" id="defaultOpen"></button>

<body onload="document.getElementById('defaultOpen').click();">