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

How can I assign values to attributes in a table using Javascript

本文关键字：属性 赋值 何使用 Javascript      更新时间：2023-09-26

我已经能够通过表单中的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";

我不明白为什么它不起作用。这里的问题是，我需要能够创建一个函数，输入我自己的参数，允许我更改这行代码中的名字或 ID（使用的任何方法>（ table1.cell1.value ），因为该表的克隆具有相同的 ID 或名称（例如 table1、table2、table3） 因此参数可以更改，允许我在每次新克隆单击按钮即可创建表。克隆工作正常，新表正常启动，甚至更改了表的 ID。我所需要的只是帮助理解如何使用（table1.cell1.value）方法来设置单元格的值。

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

输入

字段具有value但非输入元素具有innerText或innerHTML或textContent。如果不需要 IE8 支持，则可以使用 textContent（或使用填充代码添加支持）。然后你可以做：

table1.cell1.textContent = "Hello";

或者更有可能：

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

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

<!DOCTYPE html>
<html>
<body>
<table id="table1">
    <tr>
<td id="cell1">cell1</td>
<td>cell2</td>
</tr>
<script>
var table = document.getElementById('table1');
var rows = table.getElementsByTagName('tr');
var objectHTMLCollection = document.getElementsByTagName("td"),
    string = [].map.call( objectHTMLCollection, function(node){
        return node.textContent || node.innerText || "";
    }).join("");
document.write(string);
</script>
</body>
</html>

你可以

简单地写 

    var td = document.getElementById("tdId");
    td.innerHTML = "James Bond is cool";
相关文章：