HTML实现tab页面的切换JS

TAB页面切换(JS)，样式根据自己需要自行调整
css部分

<style type="text/css">
    #content {
   
   
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
				
	#tab_bar {
   
   
		display: flex;
		justify-content: space-around;
		width: 100%;
	}
				
	#tab_bar ul {
   
   
		padding: 0;
		text-align: center;
		width: 100%;
	}
				
	#tab_bar li {
   
   
		width: 33.333%;
		list-style-type: none;
		float: left;
		height: 50px;
		background-