js css添加导航栏.txt |css 隐藏不占位置

nav {

background-color: #4CAF50;

border: none;

}

nav ul {

list-style-type: none;

}

nav li {

display: inline-block;

margin-right: 10px;

}

nav a {

display: block;

padding: 10px 20px;

text-decoration: none;

}

// 获取导航菜单列表

var menuList=document.querySelectorAll(‘nav ul’);

// 遍历列表并添加导航菜单

for (var i=0; i< menuList.length; i++) {

// 创建新导航菜单

var newMenu=document.createElement(‘ul’);

// 添加导航菜单项

for (var j=0; j< menuList[i].length; j++) {

var link=document.createElement(‘li’);

link.textContent=menuList[i][j];

newMenu.appendChild(link);

}

// 添加按钮

var button=document.createElement(‘a’);

button.textContent=’New Link’;

button.href=new URL(newMenu.createElement(‘li’).textContent);

newMenu.appendChild(button);

}