如何顯示正在選擇的html表格的單元格ID？

這是我的循環代碼，用php創建表。我在每個中添加一個onclick函數。所以在點擊特定的單元格時，背景顏色會發生變化。我怎樣才能得到單元ID號碼顯示每次點擊。如何顯示正在選擇的html表格的單元格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>

來源

2014-01-18 jasmin

有像許多圖書館jquery，ext2，原型，使這很容易。 –

如果你想獲得的細胞和行號試試這個您還沒有指定任何IDS這裏：

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

來源

2014-01-18 09:05:45

我想放置一個圖像或CSS風格的圖標在被選中的網格單元格..我可以做到這一點與JS？ – jasmin

elem.innerHTML =「Hello World」+ elem.innerHTML;在之前追加和elem.innerHTML + = elem.innerHTML +「Hello World」;在您可以設置任何值而不是Hello World後追加 –

chnage此行

echo "<td onclick=\"changeColor(this.id)\" id=".$tr."-".$td." > ".$tr." ".$td."</td>"; 
    <script> 
function changeColor(id) 
{  
$("#"+id).css('background-color', 'red'); 
} 
</script>

來源

2014-01-18 09:08:17

如何顯示正在選擇的html表格的單元格ID？

回答

相關問題