Question

这是我通过循环创建表的代码。我在每个中添加了一个onclick函数。因此，在单击特定单元格时，背景颜色会发生变化。如何为每次点击显示单元格ID号。

<html>        
    <head>        
    <script>
    function changeColor(elem)
    {     
    elem.style.background = "red";     
    }
    </script>
    </head>

    <body>
    <?php
    $rows = 10; // define number of rows
    $cols = 4;// define number of columns

    echo "<table border='1'>";

    for($tr=1;$tr<=$rows;$tr++){

        echo "<tr>";
            for($td=1;$td<=$cols;$td++){
                   echo "<td onclick=\"changeColor(this)\" > ".$tr." ".$td."</td>";
            }
        echo "</tr>";
    }

    echo "</table>";
    ?>        
    </body>
    </html>

Answer 1

您尚未在此处指定任何ID 如果您想获取单元格和行号，请尝试以下操作：

changeColor(elem){
  elem.style.background = "red";
 alert("Row Index is:"+elem.parentNode.rowIndex);
 alert("Cell Index is:"+elem.cellIndex);
}

Answer 2

更改此行

如何显示正在选择的html表的单元格ID？

2 个答案: