代码

Title

.item .header{

height: 35px;

background-color: #2459a2;

color: white;

line-height: 35px;

}

.hide{

display: none;

}

菜单一
内容一
内容一
内容一
菜单二
内容二
内容二
内容二
菜单三
内容三
内容三
内容三

function ChangeMenu(nid) {

var current_header= document.getElementById(nid)

var item_list = current_header.parentElement.parentElement.children;

for(var i=0;i

var current_itme = item_list[i];

current_itme.children[1].classList.add('hide');

}

current_header.nextElementSibling.classList.remove('hide')

}

展示

2be8c731611f0d121ba66f9e1ad781ac.jpg?,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

标签:菜单,parentElement,current,header,HTML,内容,左侧,var

来源: https://blog.51cto.com/12965094/2371375

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐