Question

海

我有一个包含Javascript函数的HTML页面。在那个HTML页面中，我有一个包含2行和2列的表。我还有一个包含4个值的数组。我需要的是，当用户点击一个表格单元格时，应该在该单元格内显示数组中的值。任何人都可以在这里发布一些示例代码吗？

感谢。

Answer 1

[See it in action]

var values = [1,2,3,4];

var table = document.getElementById('tablet');

// watch for clicks on the table
table.onclick = function(e) {

  // get the element that was clicked
  e = e || window.event;
  var el = e.target || e.srcElement;

  // set it's content to a value from the array
  if (el.nodeName == "TD") {
    el.innerHTML = values.shift();
  }

};

Answer 2

以下是一些示例代码，

 <script type="text/javascript">
function changeText()
{
    alert('');
    document.getElementById('row').innerHTML = 'some text';
}
</script>

<table border = '1'>
<tr><td id='row' onClick='changeText()'> </td>
</tr>
</table>

使用Javascript在HTML页面中填充表格单元格中的值

2 个答案:

[See it in action]