Ho 从 html 表格标签 <table> 中访问数据并将其显示在表格之外

Question

我正在制作一个 HTML 表单并在表单中使用表格。数据在表格内完美显示，但我想从表格中访问一些数据并将其显示在表格标签之外，我该怎么做？非常感谢您的帮助页面上的数据是这样显示的：但我想要这样的东西：访问边表标签中的列之一

Answer 1

在提供的代码示例中，我没有看到任何 JS 代码，但包括 jQuery 和 popper.js，所以我假设没有人尝试过，如果您已经尝试过并增强它，我们可以修改答案。

有多种方法可以做到这一点，但一种方法可能是：

1. 在表格标题中设置标识符，例如：<th id='retro-bonus'...>

2. 设置在加载文档时触发的脚本

3. div在表格之前设置一个或另一个元素

4. 您可以在脚本中获取element.innerTextor element.innerHTML（如果需要格式化）element，th.

5. 设置你的div的innerHTML或innerText

如果你有更多的项目，设置更多相应的div。如果您需要在特定位置的每个列的顶部使用这些，它会变得棘手，但可以使用诸如 css 网格之类的东西来完成。

让我们知道怎么回事。