課程
/前端開發
/JavaScript
/JavaScript入門篇
2015-07-29
源自：JavaScript入門篇 3-5
正在回答
給P增加一個屬性，通過屬性來判斷當前狀態
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"> <title>display</title> ????<script?type="text/javascript">? ????????function?changeText()?? {?? ???? var?mychar?=?document.getElementById("con"); ????????????if(mychar.getAttribute('show')?==?"yes"){ ????????????????mychar.setAttribute('show',?"no"); ????????????????mychar.style.display?=?'none' ????????????}else{ ????????????????mychar.setAttribute('show',?"yes") ????????????????mychar.style.display?=?'block' ????????????} }?? ????</script>? </head>? <body>?? ????<h1>JavaScript</h1>?? ????<p?id="con"?show?=?"yes">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>? ????<form> ???????<input?type="button"?onclick="changeText()"?value="改變內容"?/> ????</form> </body>? </html>
墨滌 提問者
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
2 回答如何使“隱藏按鈕”同時隱藏
1 回答隱藏顯示按鈕不管用
5 回答只用一個按鍵顯示隱藏,怎么弄
2 回答隱藏和顯示
3 回答顯示與隱藏
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-07-29
給P增加一個屬性，通過屬性來判斷當前狀態
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"> <title>display</title> ????<script?type="text/javascript">? ????????function?changeText()?? {?? ???? var?mychar?=?document.getElementById("con"); ????????????if(mychar.getAttribute('show')?==?"yes"){ ????????????????mychar.setAttribute('show',?"no"); ????????????????mychar.style.display?=?'none' ????????????}else{ ????????????????mychar.setAttribute('show',?"yes") ????????????????mychar.style.display?=?'block' ????????????} }?? ????</script>? </head>? <body>?? ????<h1>JavaScript</h1>?? ????<p?id="con"?show?=?"yes">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>? ????<form> ???????<input?type="button"?onclick="changeText()"?value="改變內容"?/> ????</form> </body>? </html>