更改关于点击的表格数据 - javascript

时间:2015-11-06 11:44:09

标签: javascript html

我是JavaScript的初学者。我正在尝试编程提供一个表,并在单击一个单元格时更改其内容。这就是我试图做的事情:



<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    td {
      border: 3px solid black;
    }
  </style>
</head>

<body>

  <table id="myTable">
    <tr>
      <td onclick="this.value ='Change 1';">cell 1</td>
      <td onclick="this.value ='Change 2';">cell 2</td>
    </tr>

  </table>

</body>

</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

td没有value属性,您需要使用 innerHTML textContent 来代替< / p>

<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    td {
      border: 3px solid black;
    }
  </style>
</head>

<body>

  <table id="myTable">
    <tr>
      <td onclick="this.innerHTML ='Change 1';">cell 1</td>
      <td onclick="this.innerHTML ='Change 2';">cell 2</td>
    </tr>
  </table>

</body>

</html>