<script>
        function getColumnDetail(column) {
            column.style.color = "blue"; //將被點擊的單元格設置為藍色
            //alert(column.innerHTML); //彈出被點單元格裏的內容
            //單擊單元格 td追加裏面intput
            console.log(column.parentNode.rowIndex);//獲取行所在的索引
            getRowstd(column.parentNode.rowIndex);
            console.log(column.cellIndex); 
 
//獲取列所在的索引
        };
        function setTable(trLineNumber, trColumn) {
            var _table = document.getElementById("table"); //獲得tbody對象
            var _row;
            var _cell;
            for (var i = 0; i < trLineNumber; i++) { //獲取傳遞過來的行數
                _row = document.createElement("tr"); //
 
創建元素tr
                _table.appendChild(_row); //table下追加這個元素

                for (var j = 0; j < trColumn; j++) {  //根據傳遞過來的字符串長度或其他
                    _cell = document.createElement("td"); //創建元素td
                    _cell.onclick = function () { getColumnDetail(this) }; //為每個單元格增加單擊事件
                    _cell.innerText = "000"; //
 
元素的內容
                    _row.appendChild(_cell); //tr下面追加這個td
                }
            }
        }
        function load() {
            var tab = document.getElementById("table");
            var rows = tab.rows; //獲取表格的行數

            for (var i = 0; i < rows.length; i++) { //遍歷表格的行

                for (var j = 0; j < rows[i].cells.length; j++) {  //遍歷每行的列
                    console.log(rows[i].cells[j].innerHTML); //輸出單元格內容
                }
            }
        }
        function getRowstd(rowIndex) {  //返回指定行下的所有td內容
            var tab = document.getElementById("table");
            var rows = tab.rows; //獲取表格的行數
            for (var i = 0; i < rows[rowIndex].cells.length; i++) {
                console.log(rows[1].cells[i].innerHTML + "\r"); //輸出單元格內容
            }
        }

        window.onload = function () {
            setTable(5, 5);
            load();//函數調用
        }
    </script>

js 操作table