Javascript getElementById（…）是带有2个变量的空函数

我使用以下代码来显示选项卡。然而，我无法理解为什么js会抛出错误。函数opentab接受2个参数（contentab的id和button的id）。在js的最后一行似乎有一些问题，因为它无法将类“active”添加到单击的按钮。有人能帮忙吗？多谢各位

函数opentab（tabname，evt）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

/*设置选项卡的样式*/
.标签{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
字号：17px；
浮动：左；
右边距：5px；
页边距底部：0；
填充：14px 16px；
光标：指针；
-webkit转换：.3s；
-o-转变：.3s；
过渡：.3s；
边界：无；
边界半径：0；
大纲：无；
背景色：继承；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#ccc；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
-webkit转换：不透明度.3s；
-o-转变：不透明度。3s；
过渡：不透明度；
-webkit动画：fadeEffect 1s；
动画：FadeEffect1s；
不透明度：1；
边框：1px实心#ccc；
边界顶部：无；
}
/*淡入选项卡*/
@-webkit关键帧fadeEffect{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
@关键帧淡出效果{
从{
不透明度：0；
}
到{
不透明度：1；
}
}

表1表2表3
一个简单的标签

伦敦是英国的首都。

另一个标签

你也可以添加颜色。

哇！
×
带关闭按钮的选项卡

你看到上面的X了吗？

您需要将

事件

传递到您调用的所有位置

opentab（）

：

函数opentab（tabname，evt）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

/*设置选项卡的样式*/
.标签{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
字号：17px；
浮动：左；
右边距：5px；
页边距底部：0；
填充：14px 16px；
光标：指针；
-webkit转换：.3s；
-o-转变：.3s；
过渡：.3s；
边界：无；
边界半径：0；
大纲：无；
背景色：继承；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#ccc；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
-webkit转换：不透明度.3s；
-o-转变：不透明度。3s；
过渡：不透明度；
-webkit动画：fadeEffect 1s；
动画：FadeEffect1s；
不透明度：1；
边框：1px实心#ccc；
边界顶部：无；
}
/*淡入选项卡*/
@-webkit关键帧fadeEffect{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
@关键帧淡出效果{
从{
不透明度：0；
}
到{
不透明度：1；
}
}

表1
表2
表3
一个简单的标签

伦敦是英国的首都。

另一个标签

你也可以添加颜色。

哇！
×
带关闭按钮的选项卡

你看到上面的X了吗？

onclick=“opentab（'tab1'，'btn1'）”

没有jquery。@MrGeek给出TypeError:evt.currentTarget未定义try

onclick=“opentab（'tab1'，event）”

。您的代码期望一个事件作为第二个参数，但您正在传入一个字符串。