控制文字內(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">關(guān)閉</a>
<div id="content" class="a" style="display:none">
<p>腳本之家提供最新的網(wǎng)絡編程、腳本編程、網(wǎng)頁制作、網(wǎng)頁設計、網(wǎng)頁特效,為站長與網(wǎng)絡編程從業(yè)者提供學習資料</p>
</div>
相關(guān)文章
window.location.href和window.open窗口跳轉(zhuǎn)區(qū)別解析
這篇文章主要為大家介紹了window.location.href和window.open 跳轉(zhuǎn)區(qū)別解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07js Object2String方便查看js對象內(nèi)容
這篇文章主要介紹了將JS的任意對象輸出為json格式字符串的方法,需要的朋友可以參考下2014-11-11探索export導出一個字面量會報錯export?default不會報錯
這篇文章主要為大家介紹了export導出一個字面量會報錯而export?default不會報錯的問題探索解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01javascript 框架小結(jié) 個人工作經(jīng)驗
javascript 框架小結(jié) 個人工作經(jīng)驗,對于新手來說還是值得學習的。2009-06-06JavaScript創(chuàng)建對象的方式小結(jié)(4種方式)
這篇文章主要介紹了JavaScript創(chuàng)建對象的方式,結(jié)合實例形式總結(jié)分析了四種創(chuàng)建對象的方式,并附帶分析了JavaScript對象復制的技巧,需要的朋友可以參考下2015-12-12