在Javascript中更改单元格的值

时间:2017-11-21 15:15:25

标签: javascript

我目前正在尝试通过Javascript更改表格中单元格的值。到目前为止,这是我的代码:

 var field = document.getElementById('cellID').focus();

这将返回给我" undefined",我收集它意味着它找到我的字段(否则它将返回null)。这个"字段"我想要更改其中的默认文本值。我试过这个:

 field.innerHTML = "HelloStackOverflow";

但是当我运行我的javascript时,默认文本不会改变,它只是保持不变。

是否有人提示如何继续?

提前致谢!

2 个答案:

答案 0 :(得分:1)

  

这回到了我的“未定义”,我收集的意思是它   找到我的字段(否则它将返回null)

focus不返回元素引用(实际上不返回任何内容,因此undefined),因此最后删除focus()

var field = document.getElementById('cellID');
field.innerHTML = "HelloStackOverflow"

答案 1 :(得分:1)

您已走上正轨,但应从变量声明中删除.focus()。这会将焦点应用于元素,而不是将赋值返回给变量。

这是一个基本的工作示例:



var field = document.getElementById('cell2');  // assign the reference to the cell

function changeCell() {
  field.innerText = "HelloStackOverflow";  // change the cell's text
}

td {
  border: 1px solid black;
}

<table>
  <tr>
    <td>Cell 1</td>
    <td id="cell2">Cell 2</td>
  </tr>
</table>

<br />
<button onclick="changeCell();">Click to change cell 2 text</button>
&#13;
&#13;
&#13;