第一个文本(onclick到一行)

时间:2014-08-07 11:50:52

标签: javascript onclick

如何在单击表格行时获取第一个单元格的文本?

表格如下:

<table id="tableID">
       <?php
            while($row = mysql_fetch_array($res))
            {
                echo '<tr class="alt">
                <td>'.$row['name'].'</td>
                <td>'.$row['username'].'</td>
                <td>'.$row['password'].'</td>
                <td>'.$row['email'].'</td>
                <td>'.$row['phone'].'</td>
                <td>'.$row['date'].'</td>
              </tr>';
            }
       ?>

和javascript功能:

window.onload = function(){
    var table = document.getElementById("tableID");
    if (table != null) {
        for (var i = 0; i < table.rows.length; i++) {
            table.rows[i].onclick = function () {
                // what i need to do there????
            };
        }
}

2 个答案:

答案 0 :(得分:1)

e.currentTarget.getElementsByTagName("td")[0].innerHTML = 42;

看看那个小提琴:http://jsfiddle.net/IceWave/6u8hj7u2/1/

答案 1 :(得分:0)

您可以使用this.cells[0]获取第一个单元格,并使用innerHTML获取内部文字:

table.rows[i].onclick = function () {
    console.log(this.cells[0].innerHTML);             
}