第八课学习做的一个小案例,用来去除底部导航最后一个|

Posted no000000

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第八课学习做的一个小案例,用来去除底部导航最后一个|相关的知识,希望对你有一定的参考价值。

全部代码如下

<style>
    .foot{ width: 100%;margin:0 auto; height: 80px; background: #5283ff;}
    #footnav{ list-style: none;display: flex;justify-content: center;}
    #footnav li{ font-size: 18px; padding-top:25px;}
    #footnav li a{ color: #fff6f2; text-decoration: none}
</style>
<div class="foot">
    <ul id="footnav">
        <li><a href="">首页|</a></li>
        <li><a href="">关于我们|</a></li>
        <li><a href="">产品展示|</a></li>
        <li><a  href="">新闻中心|</a></li>
        <li><a  href="">联系我们|</a></li>
    </ul>
</div>
<script>

    var a=document.getElementById("footnav");
    var b=a.firstElementChild.firstChild;
    console.log(b);
    console.log(typeof(b));
    var c = "首页";
    console.log(typeof (c));
    console.log(c);
    var lastelement = a.lastElementChild;
    var abq=lastelement.children;
    var lastelementintexe=lastelement.innerText;
    var replaceok  =lastelementintexe.replace("|","");
    abq[0].innerText=replaceok;

</script>

 

以上是关于第八课学习做的一个小案例,用来去除底部导航最后一个|的主要内容,如果未能解决你的问题,请参考以下文章

产品经理进阶第八课,Axure实操之导航栏吸附效果

Python学习,第八课 - 函数

Jsp第八课 JavaBean与Jsp动作的学习

第八课——菜单工具栏和状态栏

iOS第八课——Navigation Controller和Tab bar Controller

零基础学python第八课, 函数的基本使用参数返回值嵌套