我只需要使用javascript更新html表格中的特定单元格，如何定位此单元格？
要使用JavaScript更新HTML表格中的特定单元格，您可以使用以下方法定位该单元格：
- 使用DOM（文档对象模型）方法： 通过获取表格的DOM元素对象，可以使用以下方法定位特定单元格：
- 使用
getElementById方法定位表格元素的ID，例如：
var table = document.getElementById("tableId");- 使用
getElementsByTagName方法获取表格中的所有行，然后使用childNodes属性获取行中的所有单元格，例如：
var table = document.getElementsByTagName("table")[0];
var rows = table.getElementsByTagName("tr");
var cell = rows[rowIndex].getElementsByTagName("td")[colIndex];- 使用
querySelector方法选择器选择特定单元格，例如：
var cell = document.querySelector("#tableId tr:nth-child(" + rowIndex + ") td:nth-child(" + colIndex + ")");- 使用jQuery库： 如果您使用jQuery库，可以使用以下方法定位特定单元格：
- 使用
id选择器和eq方法选择特定行和列，例如：
var cell = $("#tableId tr:eq(" + rowIndex + ") td:eq(" + colIndex + ")");- 使用HTML5标准的
querySelector方法： 如果您使用HTML5标准，可以使用以下方法定位特定单元格：
- 使用
querySelector方法选择器选择特定单元格，例如：
var cell = document.querySelector("#tableId tr:nth-child(" + rowIndex + ") td:nth-child(" + colIndex + ")");无论您选择哪种方法，都可以使用变量 rowIndex 和 colIndex 来指定特定行和列的索引。这样您就可以更新表格中的特定单元格内容了。
注意：本回答中并未提及腾讯云相关产品和产品链接地址，如需了解腾讯云的云计算产品，建议访问腾讯云官方网站获取更多信息。
相关·内容
因此，对于一个任务，我需要创建一个具有移除功能的工作购物车，如果一件物品已经在购物车中，它应该在再次添加时更新现有数据。 例如，我有以下购物车。名称:数量:价格:总计:土豆1 1 1 此购物车已创建为表格。因此，如果我从下拉列表中选择另一个土豆，它应该更新购物车中的当前土豆，因此数量变为2，总数变为2。DOCTYPE html>
<html lang="nl&
浏览 15提问于2021-05-04得票数 0
3回答
我希望我的元素与顶部对齐(表格中的元素)。现在我有了： yyy 我想要：qqq yyy ggg代码：<styletd>td1</td> <td>
浏览 0提问于2012-01-05得票数 1
回答已采纳
3回答
我在一个表中有x个列数，水平方向恰好占用375px。我想在它们之间放置间隔符，这样元素就可以跨越可变宽度。如何才能最容易做到这一点？我对使用jQuery持开放态度。不过，我更喜欢使用CSS。如果我没有说清楚，每一列都是375px宽。
浏览 2提问于2011-10-06得票数 0
回答已采纳
我想要一个有4行和可变列数的表。表格的单元格应该包含图像。我想要动态添加图像。我该怎么做呢？有什么教程吗？我还没能找到合适的教程。
浏览 4提问于2012-02-07得票数 1
回答已采纳
2回答
如何在jTable中更改选定单元格的背景？
我已经编写了表格渲染，但它分配了所有行，并且看不到现在选择了哪种类型的单元格。
浏览 0提问于2013-05-26得票数 1
回答已采纳
2回答
如何在收到特定通知时更新表格视图单元格，而无需重新加载表格数据。通知告诉我需要更新的单元格的id。所以我想迭代所有表单元格，并且只更新相关的表单元格，而不重新加载它。我该怎么做呢？
浏览 2提问于2012-08-03得票数 0
1回答
以下是我的表格结构：<tbody> <td class="new_doc" colspan="7"> <th>User</th>
浏览 1提问于2014-04-28得票数 2
回答已采纳
我正在制作一个简单的游戏应用程序，实现一个标签栏控制器。第二个选项卡，或高分页面是我有问题的。我可以用对象的初始数组填充UITableView，但是似乎不能添加新的单元格。现在我读到了用户输入的单元格，但是我如何从一个选项卡中提取获胜者来填充高分选项卡中的UITableView呢？谢谢您抽时间见我!
浏览 2提问于2011-04-01得票数 0
我正在自动化使用SmartClient的web应用程序，现在我需要一些健壮的方法来为表单构建定位器并填充输入字段。我们有基于Selenium和SmartClient的scLocators的测试框架。测试设计器提供他想要填充的表单单元格的标签，并且该单元格位于同级DOM元素中。我可以解析他的输入和当前的h
浏览 4提问于2014-07-29得票数 1
回答已采纳
我已经创建了一个由按钮组成的水平菜单。我需要调整这些按钮的宽度，使他们一起占据100%的宽度的菜单容器。它应该像表中的TD一样工作。因此，下面是我想出的代码： <div id="menu"> &l
浏览 2提问于2013-07-08得票数 21
回答已采纳
1回答
我有一个表格，在一些单元格里我有几个<span>，包含这些跨度的<td>有一个带有word-wrap: break-word; white-space: normal;的类。换句话说：<td class="breakit"><span>foo</span><span>bar</span></td>
使用：.breakit{ w
浏览 2提问于2012-05-09得票数 3
回答已采纳
3回答
如何使用AJAX更新以下大表(10行x 30列)中的每个单元格？>puts @table[9][1]</td> <td>puts @table[9][29]</td></table>
我能够通过赋予第0行和第0列的单元格一个特定<em
浏览 0提问于2012-02-28得票数 0
回答已采纳
2回答
我一直在寻找帮助，但我得到的似乎都是如何在表格单元格中定位DIVs。我想在DIV中定位一个表格单元格。
在我的网站上，我有一个“时间表”，列出了事件，地点，飞机等。我已经用一张表格来表示这一点。该表非常宽(约14,000像素)，并在DIV中显示约900像素宽。这意味着查看者需
浏览 0提问于2012-08-12得票数 0
因此，我正在尝试使用HTML和jQuery创建一个实时更新表。每一行都包含费用，并且该行中的每个单元格都附加了一个特定的公式。如果用户编辑一行中的任何单元格，则该行中的其他单元格将反映此更改。或keyup上更新，我会很高兴，但我不知道如何获取当前单元格，并<
浏览 0提问于2012-08-17得票数 0
回答已采纳
3回答
使用js动态更改css类
、、、
我在尝试使用JavaScript动态更改表格单元格的样式类时遇到了问题。我有一个包含4x4表格的html页面。我喜欢当我点击一个单元格时，将它放大，当我再次点击它时，我会将它缩小。我定义了两个CSS类，一个用于正常大小的单元格，一个用于缩放
浏览 1提问于2009-12-10得票数 1
回答已采纳
我喜欢从网页中动态HTML表格的特定单元格数据中检索href。对于下面过于简化的示例，我喜欢找到一个名为"Report BBB“的表格单元格，并检索它的href。欢迎使用Javascript编写任何示例代码。谢谢! <td><a href="<e
浏览 4提问于2021-07-04得票数 0
2回答
我有一个带有2个浮动div的div。当右边的链接变得太长(或者我决定使用更多的底部)时，段落会变成多行，我希望我的按钮垂直居中。在我的示例中，粗体名称"Joe Smith“可以正常工作，但如果变成"Joe Smith Brown Jones”，我需要将按钮居中。-opera-bo
浏览 3提问于2010-10-10得票数 2
回答已采纳
我发现似乎拥有我想要的东西。我使用的是chrome 32.0.1700.102，就连第一个答案上的对我来说也工作得很好。但是，当我将下面的html放入一个新文件并在chrome中打开它时，tds的"computed styles“选项卡仍然显示display:table-cell;： <head><td>c<
浏览 2提问于2014-01-29得票数 7
回答已采纳
我有一个具有动态数量滑块的表格，对于这些滑块，当页面加载时，我需要为表格的每个单元格执行一些javascript代码。每个滑块都需要一个单独的$(window).load(function(){...调用。<td>
<script
浏览 2提问于2013-01-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
对象存储
云直播活动推荐
腾讯云开发者
