具体效果
示例效果
https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/
具体描述
在网页中,同级(兄弟)元素,指的是拥有相同的直接父级元素的元素...并且往往指的是同类的元素,同类元素在实际开发中遇到的比较多
比如:列表li,并列的按钮等,当需要做一些特殊的效果时,可以对其他同级的元素进行一些操作,满足特定的网页要求
比如:隔行填充颜色等
原生方法实现
以下是通过原生js...就是同级元素,同级元素拥有相同的父级元素都是p,那么就可以得到除自身以外的的同级元素,如果还需要排除同一类别的话,那么可以使用节点的nodeType属性来加以区别
Vue版本实现
在Vue里面,就不用类似原生js...margin: 20px 0;
}
.content {
padding: 20px 0 0 0;
}
从上面可以看出,使用Vue实现类似同样的效果,就几行代码,相比原生js...实现是比较简单的,但是原生js的操作依旧还是要知道的