js如何获取table或者ul中鼠标点的行号和内容

 

 

<html>

<head>
    <script language="javascript">
    function doclick() {
        var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td 

        alert("行号：" + (td.parentElement.rowIndex + 1) + "，内容：" + td.innerText);
        var tab = document.getElementById("test");
        //表格行数
        var rows = tab.rows.length;
        //表格列数
        var cells = tab.rows.item(0).cells.length;
        alert("行数" + rows + "列数" + cells);
    }
    </script>
</head>

<body>
    <table id="test" onclick="doclick()">
        <tr>
            <td>
                9:00
            </td>
            <td>
                10:00
            </td>
        </tr>
        <tr>
            <td>
                11:00
            </td>
            <td>
                12:00
            </td>
        </tr>
    </table>
</body>

</html>

 

posted @ 2018-05-03 21:07  脚本小娃子  阅读(2960)  评论(0)    收藏  举报