課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)
這個例子:
<h3>123</h3>
<div>123456</div>
點擊h3一下div消失,再點擊一下出現(xiàn),這樣用js怎樣實現(xiàn)非JQ,就是每一次點擊執(zhí)行不同函數(shù)
2015-09-24
源自:初識HTML(5)+CSS(3) 1-1
正在回答
代碼如下
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>Document</title> </head> <body> <body> ????????<h3>123</h3> ????????<div>123456</div> ????<script?type="text/javascript"> ????????var?oH3=document.getElementsByTagName("h3")[0]; ????????var?oDiv=document.getElementsByTagName("div")[0]; ????????oH3.toggle; ????????oH3.onclick?=?function(){ ????????????if((this.toggle=="hide")?||?(this.toggle?==?undefined)){ ????????????????oDiv.style.display="none"; ????????????????oH3.toggle?=?"show"; ????????????}else{ ????????????????oDiv.style.display="block"; ????????????????oH3.toggle?=?"hide"; ????????????} ????????} ????</script> </body> </html>
document.getElementsByTagName('你要查找的div').style.display = "none" 隱藏
document.getElementsByTagName('你要查找的div').style.display = "block" 顯示
qq_小白_7 提問者
Y_du 回復(fù) qq_小白_7 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
3 回答點擊提交出現(xiàn)No input file specified. 是咋回事?
2 回答為什么我多次點提交,就點出了mooc網(wǎng)的界面
5 回答為什么點擊慢跑沒有觸發(fā)控件?
6 回答初次學(xué)習(xí)請各位多多關(guān)照
3 回答ID符可以多次使用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-09-24
代碼如下
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>Document</title> </head> <body> <body> ????????<h3>123</h3> ????????<div>123456</div> ????<script?type="text/javascript"> ????????var?oH3=document.getElementsByTagName("h3")[0]; ????????var?oDiv=document.getElementsByTagName("div")[0]; ????????oH3.toggle; ????????oH3.onclick?=?function(){ ????????????if((this.toggle=="hide")?||?(this.toggle?==?undefined)){ ????????????????oDiv.style.display="none"; ????????????????oH3.toggle?=?"show"; ????????????}else{ ????????????????oDiv.style.display="block"; ????????????????oH3.toggle?=?"hide"; ????????????} ????????} ????</script> </body> </html>2015-09-24
document.getElementsByTagName('你要查找的div').style.display = "none" 隱藏
document.getElementsByTagName('你要查找的div').style.display = "block" 顯示