HTML和JavaScript中的选项卡式内容问题

我是一个初学者&很难用HTML和JavaScript呈现选项卡式内容（我不相信这个问题是因为我的CSS）

基本上，当我在本地浏览器上查看HTML文件时，我只看到第一个选项卡中的内容，但当我单击选项卡2、3或4时，什么也没有发生。我想了解如何在正确的选项卡中显示内容。你能帮忙吗

我的HTML：

函数openMe（内部）{
var i，内容；
内容=document.getElementByClassName（“内容”）；
对于（i=0；i

自由职业者
核实
安全
设置
自由职业者
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec malesuada turpis非碳酸钠aliquam。这是一个很好的例子

核实
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec malesuada turpis非碳酸钠aliquam。这是一个很好的例子

安全
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec malesuada turpis非碳酸钠aliquam。这是一个很好的例子

设置
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec malesuada turpis非碳酸钠aliquam。这是一个很好的例子

使用

document.getElementsByClassName（）时，javasript函数中有一个输入错误

函数openMe（内部）{
var i，内容；
content=document.getElementsByClassName（“content”）；
对于（i=0；i
正确的方法是
document.getElementsByClassName
（在元素后面加一个s）。否则，您将在控制台中得到一个错误，告诉您该方法不存在

这是很好的工作，只是简单的修正（虽然你可能想考虑你是否真的希望所有这些都在开始时显示，或者应该默认隐藏一些）？

函数openMe（内部）{
var i，内容；
content=document.getElementsByClassName（“content”）；
对于（i=0；i


自由职业者
核实
安全
设置
自由职业者
我们的知识来自于对精英的尊重。我们的知识来自于非苏打水资源。我们的知识来自于我们的知识

核实
我们的知识来自于对精英的尊重。我们的知识来自于非苏打水资源。我们的知识来自于我们的知识

安全
我们的知识来自于对精英的尊重。我们的知识来自于非苏打水资源。我们的知识来自于我们的知识

设置
我们的知识来自于对精英的尊重。我们的知识来自于非苏打水资源。我们的知识来自于我们的知识

“这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然这里可能有类似的问题，但这个问题是以一种不太可能帮助未来读者的方式解决的。”问题应该投票结束；）
getElementsByClassName
-复数。使用浏览器控制台检查错误。这里的信息将极大地帮助您“这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然这里可能有类似的问题，但这个问题的解决方式不太可能对未来的读者有帮助。”问题应该投票结束；）同意……这几乎不需要回答，只要发表评论和投票就足够了。谢谢你，我感谢你的帮助。它工作得很好，我在下面的css中添加了一个选项，以忽略选项卡2、3和4中的内容。}#第二、第三、第四{显示：无；}
function openMe(inside) {
  var i, content;
  content = document.getElementsByClassName("content");
  for (i = 0; i < content.length; i++) {
    content[i].style.display = "none";
  }
  document.getElementById(inside).style.display = "block";
}