如果li class等于，则添加超链接

If li class equals to then add hyperlink

本文关键字：添加 超链接 等于 li class 如果      更新时间：2023-09-26

有人能帮我添加一个超链接到列表类的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>

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

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