javascript - 如何使用 Javascript 为表中的属性赋值

Question

我已经能够通过表单中的 ID 为特定元素赋值。例如……

form1.textbox1.value = "Hello";

现在这可以工作了，当 HTML 看起来像这样时......

<form id="form1">
<input type="text" id="textbox1" />
</form>

当您使用名称而不是 ID 时，它也有效。现在我的问题是，我想用一个表来复制它。为什么这不起作用？...

<table id="table1">
    <tr>
<td id="cell1"></td>
<td></td>
</tr>
    </form>

table1.cell1.value = "Hello";

我不明白为什么它不起作用。这里的问题是，我需要能够创建一个函数，输入我自己的参数，允许我在这行代码 >(table1.cell1. value) 因为这个表有相同 ID 或名称的克隆(例如 table1、table2、table3)所以参数可以改变，允许我在每次新的表克隆时通过提示输入数据单击按钮创建。克隆工作完美，新表正常出现，甚至更改了表的 ID。我所需要的只是帮助理解如何使用 (table1.cell1.value) 方法来设置单元格的值。

感谢您的宝贵时间和帮助:)

Answer 1

输入字段有 value 但非输入元素有 innerText或 innerHTML或 textContent .如果不需要 IE8 支持，您可以使用 textContent(或使用 polyfill 添加支持)。然后你可以这样做:

table1.cell1.textContent = "Hello";

或者更有可能:

document.getElementById('cell1').textContent = 'Hello';

如果你想要 HTML，你需要以同样的方式使用 innerHTML。