不使用jquery的JavaScript选项卡式内容
好的，我知道如何在不使用jquery的JavaScript选项卡式内容,javascript,Javascript,好的，我知道如何在jquery中创建选项卡式内容，但我想在纯JavaScript 我不知道怎么开始请有人帮帮我 这是基本的html结构 <html> <head> <title> my tabbed content </title> </head> <body> <div id="tab"> <h3>tab 1</h3> <div id="content1"> <p&g
jqueryJavaScript<html>
<head>
<title> my tabbed content </title>
</head>
<body>
<div id="tab">
<h3>tab 1</h3>
<div id="content1">
<p>some content </p>
</div>
<h3>tab 2</h3>
<div id="content2">
<p>some content </p>
<!-- and so on -->
</div>
</div>
</body>
我的标签内容
表1
一些内容
表2
一些内容
如果你不亲自动手，这里没有人会用代码给你答案。用几个div显示一些基本的HTML代码也不起作用 你想要一个想法，所以如果我理解你的问题，这里是一个示例概念：
- 创建几个div并设置其样式，使其看起来像选项卡
- 这些div可以由所有必要的元素组成，如：内容、框架和上部标题，这些元素也可以作为按钮来选择特定div作为活动div。您不妨将其解耦，并单独处理这些按钮
- 添加绑定到选项卡标题部分的基本JavaScript代码，以使其内容可见或不可见，另一方面，您也可以堆叠它们并操作它们的z-index属性