javascript - 在 Javascript 中创建动态导航列表的函数
问题描述
我不了解此功能(部分)。section.classname 和 section.id 是如何工作的?
const navElements = document.querySelectorAll('section')
const navBar = document.getElementById('navbar__list')
navElements.forEach(function(section){
const navlistElement = `<li class='menu__link ${section.className}' data-link=${section.id}><a href="#${section.id}">${section.dataset.nav}</li>`
navBar.insertAdjacentHTML('beforeend',navlistElement)
})
解决方案
推荐阅读
- javascript - 将 UTC 时间戳转换为可读格式
- c++ - 打开文件和系统功能总是失败?
- design-patterns - 事件同步
- powerbi - PowerBi 似乎失去了连接状态,具体取决于我选择的字段
- amazon-web-services - cloudwatch 日志订阅过滤器到 terraform 上的 kinesis
- c# - 如何从 .NET 3.5 C# 中的 Json 获取值?
- c# - 我正在关注教程,但遇到覆盖错误。无法弄清楚问题所在。CS0115
- python - 在数据框中查找具有 nan 值的列的重复子集
- javascript - JS 将 div 内容填充到 PHP 数组中,没有任何 html 标签
- javascript - 引导模式中的“保存并添加另一个”选项