javascript - 如何使用循环在导航列表中创建链接？

Question

使用javascript，我在导航栏中插入了一个href，并希望循环重复剩余两个项目的操作。我希望我的循环在函数内部。为什么我最终会得到三个相同的链接？我需要导航栏来显示 HTML、DOM 和 Javascript。不是 HTML、HTML、HTML。

        <nav>
            <ul>
                <li class="navigation">HTML</li>
                <li class="navigation">DOM</li>
                <li class="navigation">Javascript</li>
            </ul>
        </nav>

function newLink () {

    var navigation = document.getElementsByClassName("navigation");
    var existingText = navigation[0].innerHTML;

    document.getElementsByClassName("navigation")[0].innerHTML=  '<a href="'+existingText+'">'+existingText+'</a>';

    for (var i = 0; i < navigation.length; i++)
    {
    navigation[i].innerHTML=  '<a href="'+existingText+'">'+existingText+'</a>';
    }

}
    newLink();

标签： javascriptloopsfor-loopinnerhtml