Question

好的我知道如何在jquery中创建标签式内容，但我想用纯JavaScript创建它而且我不知道如何开始请有人帮助我这是基本的html结构

<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>

Answer 1

如果您没有自己动手做，那么这里没有人会给您一个代码答案。显示一些带有几个div的基本HTML代码也不起作用。

你想要一个想法，所以如果我理解你的问题，这里是一个示例概念：

创建并设置几个div样式，使它们看起来像标签，
这些div可以构成所有需要的元素，例如：content，framing和upper caption，它们也可以作为按钮来选择特定div作为活动。你也可以将它解耦并治疗，例如这些按钮分开，
添加基本的JavaScript代码，这些代码绑定到选项卡的标题部分，使其内容可见或不显示，另一方面，您也可以堆叠它们并操纵它们的z-index属性

JavaScript标签内容，不使用jquery

1 个答案: