js table td 赋值

在JavaScript中，为HTML表格的<td>元素赋值通常涉及以下步骤：

基础概念

DOM（文档对象模型）：JavaScript通过DOM与HTML文档交互。
元素选择器：用于选择页面上的特定元素。
属性操作：修改元素的属性或内容。

类型与应用场景

静态赋值：初始化页面时设置表格内容。
动态赋值：根据用户输入或后台数据实时更新表格。

示例代码

以下是一个简单的示例，展示如何使用JavaScript为<td>元素赋值：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table TD Assignment</title>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>Row1, Cell1</td>
    <td>Row1, Cell2</td>
  </tr>
  <tr>
    <td>Row2, Cell1</td>
    <td>Row2, Cell2</td>
  </tr>
</table>

<button onclick="updateCell()">Update Cell</button>

<script>
function updateCell() {
  // 使用getElementById选择表格
  var table = document.getElementById("myTable");
  
  // 选择特定的单元格（例如第二行第一列）
  var cell = table.rows[1].cells[0];
  
  // 更新单元格内容
  cell.innerHTML = "New Value";
}
</script>

</body>
</html>