下面是一个示例代码,演示了如何通过按下一个按钮添加另一个导航栏:
HTML代码:
页面展开器
CSS代码(style.css):
.navbar {
background-color: #f1f1f1;
padding: 10px;
font-size: 18px;
font-weight: bold;
}
.hidden {
display: none;
}
JavaScript代码:
function addNavbar() {
var navbarContainer = document.getElementById("navbarContainer");
// 创建新的导航栏元素
var navbar = document.createElement("div");
navbar.className = "navbar";
navbar.innerHTML = "这是另一个导航栏";
// 将新的导航栏添加到容器中
navbarContainer.appendChild(navbar);
// 显示导航栏
navbar.style.display = "block";
}
当按下"页面展开器按钮"时,addNavbar()
函数将会在页面上添加一个新的导航栏。新的导航栏的内容是"这是另一个导航栏"。
下一篇:按系列分组并取最大值