亲，你的js代码有误，改一下，改成这样就可以了 windowonload=functionvar oBox=documentgetElementById#39box#39var oBtn=oBoxgetElementsByTagName#39input#39var oAcd=oBoxgetElementsByTagName#39div#39var。

第一步，当然是先写html代码和css样式 lt！DOCTYPE html无标题文档body，ul，limargin0 padding0 font12px15 arialul，liliststylewrapwidth500px margin20px autohidedisplay。

产品的内容 案例中心的内容 至于class=“content”可以是你自己加上的为了便于jQuery获取，没有这个样式类 documentreadyfunction var tabs = $#39nav a#39var cons = $#39main divcontent#39tabs。

第一个建议，用一个现成的选项卡组件，可能会更省事第二个建议，如果一定要自已实现的话，那么页面输出时，控制哪个标签应该是选中的，会比较简单，比如放个隐藏域来保存当前选中的索引，页面载入时切换到指定的索引，当。

i eonclick=function documentquerySelectorquotcontentquotinnerHTML=#39选项卡#39+i+1+#39内容#39 附注你的代码从思路上就已经错了，比如说你把函数声明直接放到循环中，这就大错特错了。

点击onclick=quotka1，触发函数kai，把“1”传到“i”中执行for循环，循环数为j，j从1循环到2documentgetElementByIdquotkaquot+j被执行两次，得到documentgetElementByIdquotkaquot+1和documentgetElementByIdquotkaquot。

尊敬的用户，您好很高兴为您答疑您的dom对象获取有问题啊其实像这种略有有点复杂的操作，建议优先考虑引入jQuery框架，可以让您的代码更加优雅下面是我实现的一组tab效果的js示例function setTabobj，type quotli。