Tab切换

最新推荐文章于 2023-05-29 11:58:59 发布

玲曦

最新推荐文章于 2023-05-29 11:58:59 发布

阅读量93

点赞数

本文链接：https://blog.csdn.net/qq_42565994/article/details/101479698

版权

JavaScript 专栏收录该内容

24 篇文章 2 订阅

订阅专栏


```javascript
<script type="text/javascript">
	// 内容切换
	window.onload = function (){
		let menu_div = document.getElementsByClassName("nav-menu-box");
		let menu_ul = menu_div[0].getElementsByTagName("ul");
		let menu_li = menu_ul[0].getElementsByTagName("li");
		let menu_item = document.getElementsByClassName("menu-item");
		for(let i = 0;i<menu_item.length;i++){
			i!=0?(menu_item[i].style.display = "none"):(menu_li[i].className = 'hover-btn');
		}
		const {log} = console;
		for(let i =0;i<menu_li.length;i++){
			menu_li[i].index = i; 
			menu_li[i].onclick = function(){
				for(let j = 0; j<menu_li.length;j++){
					menu_li[j].className = '';
					menu_item[j].style.display = 'none';
				}
				this.className = 'none';
				menu_item[this.index].style.display = 'block';
			}
		}
	}
</script>