Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何添加next previous按钮来更改javascript中的选项卡内容?_Javascript_Html_Css - Fatal编程技术网

如何添加next previous按钮来更改javascript中的选项卡内容?

如何添加next previous按钮来更改javascript中的选项卡内容?,javascript,html,css,Javascript,Html,Css,我正在尝试使用html css java脚本创建选项卡。单击选项卡,它会转到相应的选项卡内容 点击 转至表2至表2。 转到选项卡转到上一个选项卡 我想添加“上一步”和“下一步”按钮以在选项卡之间切换。(参考图片) 如何做到这一点 window.onload=function(){ //获取选项卡容器 var container=document.getElementById(“tabContainer”); var tabcon=document.getElementById(“tabscon

我正在尝试使用html css java脚本创建选项卡。单击选项卡,它会转到相应的选项卡内容 点击 转至表2至表2。 转到选项卡转到上一个选项卡

我想添加“上一步”和“下一步”按钮以在选项卡之间切换。(参考图片)

如何做到这一点

window.onload=function(){
//获取选项卡容器
var container=document.getElementById(“tabContainer”);
var tabcon=document.getElementById(“tabscontent”);
//警报(tabcon.childNodes.item(1));
//设置当前选项卡
var navitem=document.getElementById(“tabHeader_1”);
//存储我们使用的选项卡
var ident=navitem.id.split(“”)[1];
//警报(识别);
navitem.parentNode.setAttribute(“数据当前”,标识);
//使用activetabheader类设置当前选项卡
setAttribute(“类”、“tabActiveHeader”);
//隐藏两个我们不需要的选项卡内容
var pages=tabcon.getElementsByTagName(“div.tabpage”);
对于(变量i=1;i