重写表格单元格？

Question

初学者

请参阅 - http://www.w3schools.com/js/tryit.asp?filename=try_dom_tablerow_cells

在此示例中，当按下更改内容时，新内容将写入左上角的单元格中。是否有可能将其改为右上角？如果是这样，怎么样？

Answer 1

将x[0].innerHTML="NEW CONTENT";更改为x[1].innerHTML="NEW CONTENT";

Answer 2

将函数changeContent()更改为如下所示：

function changeContent() {
    var x=document.getElementById('myTable').rows[0].cells;
    x[1].innerHTML="NEW CONTENT";
}

基本上你正在将x [0] .innerHTML（它遇到的第一个单元格）改为x [1] .innerHTML（它遇到的第二个单元格）。

Answer 3

是的，可以用x [1]重新设定x [0]。

x是第一行的每个单元格的数组。所以x [0]是第一个单元格（从左开始）等等

Answer 4

在这里，您可以看到按钮触发的功能：

function changeContent()
{
  var x=document.getElementById('myTable').rows[0].cells;
  x[0].innerHTML="NEW CONTENT";
}

它被称为：<input type="button" onclick="changeContent()" value="Change content">

如果我们改变这样的功能：

function changeContent()
{
  var x=document.getElementById('myTable').rows[2].cells;
  x[1].innerHTML="NEW CONTENT";
}

它将填充右下角的单元格。

Answer 5

只需将x[0].innerHTML="NEW CONTENT";更改为x[1].innerHTML="NEW CONTENT";