如果li类等于然后添加超链接

时间:2015-05-26 09:21:25

标签: javascript html dom

有人可以通过添加超链接到列表类的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>

1 个答案:

答案 0 :(得分:3)

在导航下方的任何位置添加此内容,或将其包含在外部脚本中:

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