使第一个链接成为活动Javascript

我有这个javascript代码，我想使第一个链接（选项卡）处于活动状态，这样当有人访问该网站时可以看到它处于活动状态。此外，单击下一个选项卡/链接时，第一个选项卡/链接（活动选项卡/链接）必须将其自身转换为正常选项卡/链接（非活动），依此类推

下面是Javascript：

<script type="text/javascript">
    function forumhome_tabs_switch(switch_id){
        document.getElementById('forumhome_tabs_switch_content').innerHTML =
        document.getElementById(switch_id).innerHTML;
    }
</script>

主页选项卡开关功能（开关id）{
document.getElementById（'forumhome\u tabs\u switch\u content'）.innerHTML=
getElementById（switch_id）.innerHTML；
}

下面是HTML代码：

<td style="cursor:pointer;" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">
    <a href="#" tabindex="2" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">$forum[title]</a>  
</td>

这并不是说：

<li><a href="#">1</li> 
<li><a href="#">2</li> 
<li><a href="#">3</li>
...

1
2
三,
...

也不能这样做。这就是我需要帮助的原因。上面的代码将3个链接转换为3个选项卡，因此每个选项卡都会打开页面的一部分。我只想在单击第二个选项卡之前将第一个选项卡显示为活动选项卡

---

另外，我想把“a”（链接）中的“onclick”传递给javascript代码。有可能吗？我想这就是你的意思？如果你愿意，我可以继续。 基本上，有三个“选项卡”在单击另一个选项卡时改变状态。你可以很容易地把它变成一个带有页面的标签系统

HTML

CSS

---

我不明白：

将“onclick”从“a”（链接）传递到javascript代码

？当您有一个事件处理程序时，

处理程序函数中的这个

引用事件附加到的元素，因此这是引用或访问相关

a

的一种方法。如果在

li

上使用

addEventListener（）

，如果单击了

A

，则可以委托给

e.target

，例如，像在这个jsfiddle中：脚本没有从上面使用该系统。我的意思是，网站的结构，看看我的意思，我会打开我的网站，告诉你我在做什么。1.请访问www.1st-hacks.com 2。向下滚动页面并选择iOS.H样式（默认显示默认样式）3。在这个风格中，你可以看到4个类别（第一类黑客，游戏部分，开发者设置和程序员部分）。如果你看那些有firebug的标签，你会看到4个TD。但是在我的管理面板中，我只看到了我上面发布的链接。如何编辑它，或者如何使第一个选项卡处于活动状态，直到单击其他选项卡？

<a class="tab" id="Tab1">Tab1</a>
<a class="tab" id="Tab2">Tab2</a>
<a class="tab" id="Tab3">Tab3</a>

$(function(){
$(".tab").click(function() {
$(".tab").css("background-color","blue");
$(this).css("background-color","red");
});
});

.tab{
width: 40px;
height: 20px;
background-color: blue;
}
#Tab1{
background-color: red;
}