本文为大家分享了js实现简单选项卡功能的具体代码，供大家参考，具体内容如下
首先我们来写HTML代码，构建出整体结构
代码如下：
内容1
内容2
内容3
内容4
注：section 部分添加了style，目的是方便演示，为规范HTML与css的代码风格，不推荐这样使用。
接着我们使用css代码构建出样式
代码如下：
代码如下：
获取 li 也就是选项卡选项tab
var nav=document.getElementById('nav');
var oNav=nav.getElementsByTagName('li');
//获取 包裹在container里面的section（内容）
var container=document.getElementById('container');
var oDiv=container.getElementsByClassName('tab');
//使用 循环依次得到li
for(var i=0;i后执行鼠标点击操作则触发函数function
oNav[i].onclick=function () { //此处除了可以使用onclick，还可以使用onmouSEOver
//在li的个数内依次展示内容
for(var i=0;i