javascript - 有没有办法用变量中的 id 分配 href？

Question

我正在编写一个 javascript 函数来动态添加导航栏，当我单击要定向到所需部分的链接时，我想要。

    const navbuild = function() {
    for( let i = 0; i < sectionName.length; i++){
         let navitems = document.createElement("li")
        navAddress = document.createElement("a");
        navTextNode = document.createTextNode (sectionName[i].dataset.nav);
        navAddress.appendChild(navTextNode);
        navAddress.href= sectionName[i].id;
        navAddress.classList.add(sectionName[i].id);
        if(sectionName[i] == sectionName[0]){
            navAddress.classList.add("active");
        }
        navitems.appendChild(navAddress);
        navMenu.appendChild(navitems);
    }
};

问题是我不能同时使用 # 和变量，它要么 navAddress.href= sectionName[i].id;可以工作，要么将我引导到任何地方，或者 navAddress.href= #sectionName[i].id;这是一个错误。

标签： javascripthtmlcss

Answer 1

使用 + 运算符连接它们：

navAddress.href="#"+sectionName[i].id;