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;
}
// 獲取導(dǎo)航菜單列表
var menuList=document.querySelectorAll('nav ul');
// 遍歷列表并添加導(dǎo)航菜單
for (var i=0; i< menuList.length; i++) {
// 創(chuàng)建新導(dǎo)航菜單
var newMenu=document.createElement('ul');
// 添加導(dǎo)航菜單項(xiàng)
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);
}