有没有一种方法可以为href分配变量中的ID？

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;，这是一个错误。

Answer 1

使用+运算符将它们连接起来：

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