<!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>
简单的选项卡制作(原生JS)
原文地址:https://www.cnblogs.com/lsqbk/p/10259016.html