1. 程式人生 > >簡單的選項卡製作(原生JS)

簡單的選項卡製作(原生JS)

<!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>