【无标题】

Dom编程，点击事件

 

<table border="1px" width="600px" height="300px" cellspacing="0">

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

    </table>

    <!-- <script src="./js/tool.js"></script> -->

    <script>

        let hang1 = document.getElementsByTagName("tr")

        for (let i = 0; i < hang1.length; i++) {

            let lie = hang1[i].children;

            for (let j = 0; j < lie.length; j++) {

                if (j % 2 == 0) {

                    lie[j].style.backgroundColor = "blue";

                }

            }

        }

        Object.prototype.index = function () {

            // 获取父元素所有的子元素节点

            let Sons = this.parentElement.children;

            // 遍历取出

            for (let i = 0; i < Sons.length; i++) {

                // 同调用者比较

                if (Sons[i] == this) {

                    return i

                }

            }

        }

        let all = document.getElementsByTagName("td");

        for (let z = 0; z < all.length; z++) {

            all[z].onclick = function () {

                let num = all[z].index();

                for (let z = 0; z < all.length; z++) {

                    all[z].style.backgroundColor = "white";

                }

                for (let x = 0; x < hang1.length; x++) {

                    hang1[x].children[num].style.backgroundColor = "blue";

                }

            }

        }