前端学习之原生JS实现siblings方法!

html:

<ul>
        <li>1</li>
        <li>1</li>
        <li id="one">1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>

js:

  var oli= document.getElementById("one");;
    oli.style.color = "red";
    function siblings(item) {
        var p = item.parentNode.children;//获取父级所有子集元素
           for (var i = 0, pl = p.length; i < pl; i++) {
        if (p[i] !== item) {           //删除自己
        p[i].style.color = "gray"; //执行事件
        }
    }
    }
        siblings(oli);
上一篇:整合spring cloud云服务架构 - commonservice-config配置服务搭建


下一篇:阿里云 ECS 7 天实践训练营进阶班 - day02 - 快速搭建Docker环境