javascript - JS getAttribute & settAttribute 用于多个项目

Question

如何在以下导航菜单列表的多个项目列表中使用 getAttribute 和 setAttribute？

const navBar = document.getElementById('navbar__list')

for (let i = 1; i <= 4; i++) {
   let text = "Section " + i;
   let li = document.createElement('li');
   let link = document.createElement('a');
   let newText = document.createTextNode(text);

   link.appendChild(newText);
   li.appendChild(link);
   navBar.appendChild(li);
}

标签： javascripthtml

Answer 1

您可以使用link.href来访问和修改href您的link锚标记。假设您的导航栏 url 具有某种与 相关的模式i，一种可能性是使用：

for (let i = 1; i <= 4; i++) {
   let text = "Section " + i;
   let li = document.createElement('li');

   let link = document.createElement('a');
   //set link, e.g.
   link.href = "#section_" + i
   
    //...
}