控制文字內(nèi)容的顯示與隱藏示例

更新時間：2014年06月11日 09:05:34 作者：

控制某id或class的地div顯示與隱藏是比較容易實現(xiàn)的，但若控制文字內(nèi)容的顯示與隱藏該如何做到呢？下面有個示例，大家可以參考下

 
<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>腳本之家提供最新的網(wǎng)絡編程、腳本編程、網(wǎng)頁制作、網(wǎng)頁設計、網(wǎng)頁特效，為站長與網(wǎng)絡編程從業(yè)者提供學習資料</p> 
</div> 

文字內(nèi)容

Bootstrap提示框效果的實例代碼
本篇文章主要介紹了Bootstrap提示框效果的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
短視頻(douyin)去水印工具的實現(xiàn)代碼
這篇文章主要介紹了市面上短視頻(douyin)"去水印"的工具原來是這樣實現(xiàn)的,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-03-03
淺析JS中NEW的實現(xiàn)原理及重寫
本文通過實例代碼給大家介紹了JS中NEW的實現(xiàn)原理及重寫，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧
2020-02-02
javascript下利用for( in )語句獲得所有事件名稱的代碼
2008-02-02
Js放到HTML文件中的哪個位置有什么區(qū)別
先明白js能放在HTML的那個位置，分別是head和body中。大部分人都是放到head里面的。下面為大家介紹下放到這兩個地方的區(qū)別
2013-08-08
編寫更好的JavaScript條件式和匹配條件的技巧(小結)
這篇文章主要介紹了編寫更好的JavaScript條件式和匹配條件的技巧(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-06-06
JavaScript 中級筆記第三章
接著（2）來講。筆記（2）已經(jīng)講了引用和函數(shù)重載，接下來講解作用域。
2009-09-09
網(wǎng)頁右下角彈出窗體實現(xiàn)代碼
右下角彈出窗體的效果在瀏覽網(wǎng)頁的時候會遇到，那么它是怎么實現(xiàn)的呢？本文有個不錯的示例，大家可以參考下
2014-06-06
TypeScript快速上手語法及結合vue3用法詳解
TypeScript是一種由微軟開發(fā)的自由開源的編程語言,主要提供了類型系統(tǒng)和對ES6的支持,下面這篇文章主要給大家介紹了關于TypeScript快速上手語法及結合vue3用法的相關資料,需要的朋友可以參考下
2024-02-02
javascript 按回車鍵相應按鈕提交事件
在表單提交前經(jīng)常遇到表單驗證問題而常用的方法有以下兩種.
2009-11-11