具有原生JS的可切换机箱
具有原生JS的可切换机箱
提问于 2011-10-21 18:35:42
我对原生JS有一些问题。我试着为可切换的框(即所谓的“标签”)编写一个脚本。
实际上我有一个导航：
<ul id="nav">
<li><a href="#home">Home</a>
</li>
<li><a href="#about">About</a>
</li>
<li><a href="#contact">Contact</a>
</li>
</ul>下面是一些段落：
<p class="box" id="home">Home text</p>
<p class="box" id="about">About text</p>
<p class="box" id="contact">Contact text</p>我必须在链接之间切换以显示正确的段落。实际上，我不能编辑HTML和CSS，一切都必须与JS的工作。
我得到了这个(它只显示了第一段)：
var box = document.getElementsByClassName('box');
for(i = 0; i < box.length; i++) {
if (i !== 0) {
box[i].style.display = 'none';
}但我不知道如何在段落之间切换。我的JS知识很差^^
有谁有主意吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-10-21 19:17:17
请查看jsfiddle获取解决方案：
See fiddle here
这不是一个特别可重用的解决方案，但它可以在不使用库的情况下实现您所需的功能。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7848224
复制相关文章
相似问题
腾讯云开发者
