您好,登錄后才能下訂單哦!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js顯示隱藏層</title> <script language="JavaScript" type="text/JavaScript"> <!-- function showdiv(targetid,objN){ var target=document.getElementById(targetid); var clicktext=document.getElementById(objN) if (target.style.display=="block"){ target.style.display="none"; clicktext.innerText="打開編輯"; } else { target.style.display="block"; clicktext.innerText='關閉編輯'; } } --> </script> <style type="text/css"> <!-- body { font: normal 14px "宋體" } #showtext { cursor: hand; cursor:pointer;} #showtext2 { cursor: hand; cursor:pointer;} #wzshowtext { cursor: hand; cursor:pointer;} #contentid { margin-top: 10px; width:100%; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; height:30px } #wzcontentid { margin-top: 10px; width:100%; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; height:30px } #contentid2 { margin-top: 10px; width: 470px; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; } .none { display: none; } --> </style> </head> <body> <button type="button"id="wzshowtext" onClick="showdiv('wzcontentid','wzshowtext')">打開編輯</button> <div id="wzcontentid" class="none">打開的內容</div> <hr> <button type="button"id="showtext" onClick="showdiv('contentid','showtext')">打開編輯</button> <div id="contentid" class="none">打開的內容</div> <p></p> <button type="button"id="showtext2" onClick="showdiv('contentid2','showtext2')">打開編輯</button> <div id="contentid2" class="none"> 打開的內容 </div> </body> </html>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。