javascript - 如果 li 类等于则添加超链接

Question

有人可以帮助我使用将超链接添加到列表类的 javascript 吗？即如果 class="backTo"然后将 href="index"添加到该类。

当前的 HTML

 <div class="secondary-nav">
        <ul class="secondary-nav">            
                <li class="backTo">Campaign</li>
                <li><a href="#" class="top">title 1</a></li>
                <li><a href="#" class="top">title 2</a></li>
                <li><a href="#" class="top">title 3</a></li>
                <li><a href="#" class="top">title 4</a></li>
        </ul>
    </div>

所以 javascript 这样做:

 <div class="secondary-nav">
        <ul class="secondary-nav">            
                <li class="backTo"><a href="index">Campaign</a></li>
                <li><a href="#" class="top">title 1</a></li>
                <li><a href="#" class="top">title 2</a></li>
                <li><a href="#" class="top">title 3</a></li>
                <li><a href="#" class="top">title 4</a></li>
        </ul>
    </div>

Answer 1

在导航下方的任何位置添加它，或将其包含在外部脚本中:

<script>
    var backListItem = document.querySelector('.backTo');
    backListItem.innerHTML = '<a href="index">'+backListItem.innerHTML+'</a>';
</script>