控制文字内容的显示与隐藏示例
更新时间：2014年06月11日 09:05:34 作者：
控制某id或class的地div显示与隐藏是比较容易实现的，但若控制文字内容的显示与隐藏该如何做到呢？下面有个示例，大家可以参考下
复制代码 代码如下:
<a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block';
document.getElementById('open').style='display:none';
document.getElementById('hidden').style='display:block;'" style="display:block">展开</a>
<a href="javascript:void(0);" id="hidden" type="hidden" onclick="document.getElementById('content').style='display:none';
document.getElementById('hidden').style='display:none';
document.getElementById('open').style='display:block';" style="display:none">关闭</a>
<div id="content" class="a" style="display:none">
<p>脚本之家提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效，为站长与网络编程从业者提供学习资料</p>
</div>
相关文章
本篇文章主要介绍了Bootstrap提示框效果的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了市面上短视频(douyin)"去水印"的工具原来是这样实现的,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
本文通过实例代码给大家介绍了JS中NEW的实现原理及重写，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2020-02-02
javascript下利用for( in )语句 获得所有事件名称的代码
2008-02-02
先明白js能放在HTML的那个位置，分别是head和body中。大部分人都是放到head里面的。下面为大家介绍下放到这两个地方的区别2013-08-08
编写更好的JavaScript条件式和匹配条件的技巧(小结)
这篇文章主要介绍了编写更好的JavaScript条件式和匹配条件的技巧(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
接着（2）来讲。笔记（2）已经讲了引用和函数重载，接下来讲解作用域。2009-09-09
右下角弹出窗体的效果在浏览网页的时候会遇到，那么它是怎么实现的呢？本文有个不错的示例，大家可以参考下2014-06-06
TypeScript是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对ES6的支持,下面这篇文章主要给大家介绍了关于TypeScript快速上手语法及结合vue3用法的相关资料,需要的朋友可以参考下2024-02-02
在表单提交前经常遇到表单验证问题而常用的方法有以下两种.2009-11-11
最新评论