簡單的選項卡製作(原生JS)
阿新 • • 發佈:2019-01-12
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> <style> div{ width: 100px; height: 100px; background-color: aqua; color: white; display: none; } </style> </head> <body> <a href="javascript:btn(1)">視訊</a> <a href="javascript:btn(2)">音樂</a> <a href="javascript:btn(3)">圖片</a> <div>視訊</div> <div>音樂</div> <div>圖片</div> </body> </html> <script> var odiv = document.getElementsByTagName("div"); function btn(index){ for(var i = 0 ;i<odiv.length;i++){ odiv[i].style.display = "none"; } odiv[index-1].style.display = "block"; } </script>