DOM：元素获取

    <script>
        // 获取每一行
        let tr = document.querySelectorAll("tr");
        console.log(tr);
        // 获取每一个单元格
        for (let i =0; i<tr.length;i++){
            let td = tr[i].children;
            console.log(td);
            
            for(let j = 0 ;j<td.length;j++){
                if(j%2==0){
                td[j].style.backgroundColor = "orange";
            }
                td[j].onclick = function(){
                    // console.log(this);
                    let t=this.parentElement;
                    
                    for(let c = 0;c<t.length;c++){
                        t[c].style.backgroundColor = "white";
                        
                    }
                    // console.log(t);
                    let d=t.children;
                    console.log(d);
                    for(let o =0;o<d.length;o++){
                        if(this==d[o]){
                            r = o+1;
                        }
                    }
                    console.log(r);
                    for(let q = 0;q<tr.length;q++){
                        // console.log(tr[q]);
                        
                         p =tr[q].children;
                        console.log(p);
                        p[r-1].style.backgroundColor = "orange";
                    }


                    
                }
            }
        }
    </script>