AI 助理
备案控制台
开发者社区 问答 正文

问 能否 使用JavaScript实现隐藏/显示

我想设置一个功能，比如点击一个链接可以显示一个div。当点击另一个链接时，之前的显示的div自动隐藏，新的div显示出来。我应该如何实现？
我的代码如下：
HTML

Text 1
Text 2
Text 3

This will show up when the Text 1 link is pressed.



Javascript

function unhide(divID) {

var item = document.getElementById(divID);
if (item) {
    item.className='unhidden';
}

}

CSS

.hidden { display: none; }
.unhidden { display: block; }

展开
收起
杨冬芳 2016-06-14 17:33:00 2050 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业
    function unhide(divID) {
    var unhidden = document.getElementsByClassName('unhidden');
    for (var k in unhidden) {
        unhidden[k].className='hidden';
    }

    var item = document.getElementById(divID);
    if (item) {
        item.className='unhidden';
    }
}
    2019-07-17 19:38:21
    赞同 展开评论
问答分类：
JavaScript 前端开发
问答标签：
JavaScript实现 JavaScript实现隐藏显示
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
在实现 JS 函数返回值中，以计算两个数字的和为例怎么查看返回值？
587
1
0
在实现 JS 函数返回值中，以计算两个数字的和为例如何编写函数体？
501
1
0
在实现 JS 函数返回值中，以计算两个数字的和为例如何定义函数？
1446
2
0
JS 语言的选择结构依据什么条件判断语句实现？
525
1
0
JavaScript 沙箱实现的前提是什么？
372
1
0
js类多重继承的实现方法是怎么样的?
592
1
0
JavaScript可以用于实现表单验证及网页特效等，这种说法对吗？
998
1
0
myeclipse10添加AngularJS plugin实现js代码提示?报错
598
1
0
在asp中嵌套js 循环读取数据库中的数据 实现类似于treeview的显示 求代码：报错
832
1
0
js可以实现读取文本文件或其他配置文件中的内容到网页上吗：报错
666
1
0