0731-85152030建站知識(shí)
網(wǎng)站設(shè)計(jì)知識(shí) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)絡(luò)營銷知識(shí) 微信資訊 常見問題 網(wǎng)站備案 近期客戶
網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)
JS實(shí)現(xiàn)信息的顯示和隱藏
來源：征帆網(wǎng)絡(luò) 作者：ymars 日期：2013-12-11
我們在寫注冊頁面的時(shí)候，必填信息是可見的，可選信息是隱藏的，如果用戶希望填寫，可以單擊“詳細(xì)信息”。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function $(idvalue){
return document.getElementById(idvalue);
}
function showtext(){
if($('text').style.display == 'none'){
$('text').style.display = '';
}else{
$('text').style.display = 'none';
}
}
</script>
</head>
<body>
<div id="text" style="display:none;">這里是隱藏信息</div>
<button id="morebtn" onclick="showtext();">詳細(xì)信息</button>
</body>
</html>
