為什么獲取不到獲取當(dāng)前點(diǎn)擊的buttton的兄弟節(jié)點(diǎn)

<template>
    <div>
        <div v-for="(item,index) in vote" :key="index">
           <button @click="dovote(index,item.count,$event)">點(diǎn)擊投票{{index+1}}</button>數(shù)量：{{item.count}} 
        </div>
        <ul>
            <li id="firstli" @click="getele">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </div>  
</template>

<script>
    export default{
        data:function(){
            return {
                vote:[{
                    id:1,
                    count:1
                },{
                    id:2,
                    count:2
                },{
                    id:3,
                    count:3
                },{
                    id:4,
                    count:4
                }],
            }
        },
        methods:{
            dovote(i,c,e){
                this.vote[i].count++;
                console.log(e.target);
                let siblings=this.siblings(e.target);
                console.log("-------------------"+siblings);
                // console.log( e.target.siblings());
                // e.target.siblings().style.disabled=true;

            },
            siblings(elem) {
                var a = [];
                var b = elem.parentNode.children;
                for(var i =0;i<b.length;i++) {
                    if(b[i] !== elem) {a.push(b[i])};
                }
                return a;
            },
            getele(){
                let ele = document.getElementById("firstli");
                console.log(ele);
                let ss = this.siblings(ele);
                console.log(ss);
                for(let i =0;i<ss.length;i++){
                    // console.log(ss[i]);
                    ss[i].style.color='red';
                }
            }
        }
    }
</script>

<style lang="less" scoped>

</style>

我寫了ul 點(diǎn)擊第一個(gè)li是可以獲取到其他的li的
我不知道為什么上面那個(gè)button點(diǎn)擊就獲取不到其他的button？