Javascript 页面选项卡和JS:getElementbyId为'；不行吗？

我试图在php代码中实现完整的页面标签。我只有一个问题：带有

getElementbyId

的脚本部分似乎不起作用

它基本上应该激活包含id=“defaultOpen”的按钮，因此浏览器已经打开了一个选项卡。您可以在上面的示例中看到逻辑

我仔细检查了一切（尤其是回声），看不出我在这里犯了什么错误

以下是脚本：

<script>
function openPage(pageName, elmnt, color) {
// Hide all elements with class="tabcontent" by default */
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
}

// Remove the background color of all tablinks/buttons
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
}

// Show the specific tab content
document.getElementById(pageName).style.display = "block";

// Add the specific color to the button used to open the tab content
elmnt.style.backgroundColor = color;
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>

---

既然单击任何按钮都会调用函数

openPage

，为什么不在第一次加载时调用

openPage

函数，而不是尝试模拟按钮单击来执行相同的操作？换言之，改变这一点：

document.getElementById("defaultOpen").click();

为此：

openPage('Kader', document.getElementById("defaultOpen"), 'green');

document.getElementById("defaultOpen").click();

openPage('Kader', document.getElementById("defaultOpen"), 'green');