如何拆分动态创建的字符串，并将其放入动态创建的表td中的下一行？
拆分动态创建的字符串，并将其放入动态创建的表格（td）中的下一行，可以通过以下步骤实现：
- 首先，获取动态创建的字符串，并将其存储在一个变量中。
- 使用适当的方法（例如split()函数）将字符串拆分为多个子字符串。拆分的依据可以是空格、逗号、分号或其他特定字符。
- 创建一个表格（table）元素，并将其存储在一个变量中。
- 创建一个表格行（tr）元素，并将其添加到表格中。
- 遍历拆分后的子字符串列表，对于每个子字符串，创建一个表格数据（td）元素，并将其添加到表格行中。
- 将表格行添加到表格中。
- 最后，将表格添加到文档中的适当位置，例如一个div元素。
以下是一个示例代码，演示如何实现上述步骤：
<!DOCTYPE html>
<html>
<head>
<title>动态创建表格</title>
</head>
<body>
<div id="tableContainer"></div>
<script>
// 获取动态创建的字符串
var dynamicString = "字符串1,字符串2,字符串3,字符串4";
// 拆分字符串为子字符串列表
var stringList = dynamicString.split(",");
// 创建表格元素
var table = document.createElement("table");
// 创建表格行元素
var row = document.createElement("tr");
// 遍历子字符串列表
for (var i = 0; i < stringList.length; i++) {
// 创建表格数据元素
var cell = document.createElement("td");
// 设置表格数据内容为子字符串
cell.innerHTML = stringList[i];
// 将表格数据添加到表格行中
row.appendChild(cell);
}
// 将表格行添加到表格中
table.appendChild(row);
// 将表格添加到文档中的适当位置
var tableContainer = document.getElementById("tableContainer");
tableContainer.appendChild(table);
</script>
</body>
</html>这段代码将动态创建一个表格，并将拆分后的子字符串放入表格的下一行中的表格数据中。你可以根据需要修改代码，以适应你的具体场景。
相关·内容
我有一个动态创建的表，我从数据库中获取一个用逗号连接的字符串，比如b.common = cmn1,cmn2,cmn3。现在需要用逗号拆分，并且需要在动态创建的表td中放入新行(需要放入相同的td中)。
if(b.gender_specific == &#x
浏览 0提问于2016-07-27得票数 1
我正在使用itextsharp从html创建pdf文件。我有一个动态字符串，它将占用半页到整页，然后是一个动态表。问题是，如果我有时将整个表移动到一个新页面，而如果我破坏了该表，则只有头在一个页面中，而其余的内容有时在下一个页面中，则会有很大的空间。
我想知道是否有可能确保没有在表头和表的第一行之间引入分页。我知道如何<
浏览 0提问于2017-06-09得票数 0
我有一个网页，用户可以创建一个动态表，用户也可以添加组，并在组中添加类型，并根据类型添加电影。我的数据的一个例子如下：
$(document).ready(function(){
$("#my_button")><input type='text'
浏览 2提问于2020-01-20得票数 0
2回答
我有一个带有特定标签和样式的html表格布局。我需要使用每个行/元素的特定元素'id‘更新我的表，并使用ajax填充数据。需要解决方案/建议。">Serial Number</td><td id="serialno"></td> &l
浏览 6提问于2012-10-18得票数 0
我想把JSON数据放到现有的HTML表行模板中，它是动态创建的。 我正在获取正确的JSON数据，但是当我试图将其放入HTML表中时，只更新了一行。></table> 表行是根据SQL查询动态生成的。email_address",
浏览 8提问于2019-05-04得票数 0
1回答
如何将html表中的行拆分为多个(子)行？(我并不打算使用rowspan来跨越多个行，因为我使用的是名为sync的rails gem，它被限制为一次更新单个表行)。例如，如何在表中创建单个行，即：
在第二列中
浏览 4提问于2014-11-02得票数 1
我在reactjs中动态构建了一个tbody。我有一个从循环创建种子数据的函数，如下所示： <tr key={i}> <td>{obj.name}</td> <<e
浏览 0提问于2017-03-30得票数 0
我有一个表，如下所示： <tr> <td>value1</td> </tr> <td>name2</td>
浏览 3提问于2010-05-19得票数 1
回答已采纳
1回答
RDLC“包装”报告栏
、、、
如何在RDLC中创建具有动态行的3列的报表？
我想要创建一个报告，将我的列表拆分到3列、固定行和动态行中。就像这样：我怎样才能这样转换我的DataTable呢？我尝试过使用Matrix，但是数据被输入到列中并达到了报表
浏览 2提问于2016-07-07得票数 0
我正在建立一个模拟的电子商务商店，在那里我试图让功能正常工作。目前，我有一个购物页面，如果我点击'add to cart‘，就会调用一个函数，将相应的产品添加到一个名为cartItems的数组(’购物车‘)中。 问题是试图在购物车页面上显示该数组中保存的数据。我想建立一个表，既可以容纳多个产品，也可以是时尚的。我不完全确定如何实现这一点。 我已经通读并尝试使用stringify，但收效甚微。我认为这是最好的
浏览 30提问于2019-09-22得票数 1
我在这里研究了关于这些“简单”乘法表的其他问题。我提出了一个更基本的问题，当我编写Javascript并将其与HTML合并时，我需要了解Javascript是如何工作的(这就是我感到困惑的地方)。所以在乘法练习中，我用HTML语言创建了一个<div>框，所以我的问题是:我是否要在HTML体中创建10x10矩阵(行/列和数字)，然后使用Java
浏览 0提问于2015-07-20得票数 0
1回答
在这个项目中，我使用用户输入动态创建文本框： int n = ReqPO;txtPOAmount" + "" + ViewState["num"] + i; } }
浏览 1提问于2013-10-04得票数 0
1回答
到目前为止，我已经创建了一个页面，该页面生成一个动态表，通过在文本框中输入文本从数据库中填充数据。现在我如何生成一个单选按钮以及表中正在动态生成的每一行。任何帮助都会很感激的。此外，请告诉我，如果还有什么需要从我的部分。
编辑：稍后我需要选择那个Radio并生成另一个动态表，该表中有来自数据库的</em
浏览 1提问于2014-01-10得票数 0
回答已采纳
我有一个表单，用户按下一个按钮并动态生成一个表的一行，其中有3列。生成的每一行都被添加到表中，并具有以下形式： <td>
<select id="cmb_articulo_1" name="articulo[]">
浏览 0提问于2016-11-13得票数 0
回答已采纳
我有一个表，其中row，name和eum作为第(1 )列。我想把这张票分成一张新票。列号为1/count(名称)
我感谢所有的建议。
霍尔格
浏览 4提问于2016-11-29得票数 0
我想从字符串变量创建动态表行，如下所示：var arr = c.split(',');上面的示例运行良好，并创建了以下表行： <td>apple</td>
浏览 12提问于2017-02-26得票数 0
我唯一能想象的制作动态表的方法是将一个多行HTML字符串附加到一个循环中的另一个HTML字符串中，但我觉得必须有一种更有效的方法。我需要能够创建一个包含一定数量列的表，并动态地添加更多的行。例如，查询返回一串信息，然后将其放在字典列表中的适当位置。如
浏览 0提问于2015-07-10得票数 0
回答已采纳
2回答
我尝试在单引号内创建一个临时表，它显示错误，它无法识别表#newtable...它只支持##table (全局临时表)，但我不想要一个全局临时表，我只想知道谁解释它背后的原因。
浏览 0提问于2013-01-08得票数 0
我遇到过这样的情况:每个SQL查询都能很好地工作，但当我把它们粘贴在一起时就不行了。
我有两张桌子。一种是动态的，它允许空值。另一个通过向用户提供问题来帮助填充空值。我从动态表中提取列名，看看是否可以使它们与其他问题表中的字段相匹配。目前，我们有这个工作的PHP，但我一直在尝试把它全部放入我们的PostgreSQL数据库中。这将从动态表中
浏览 0提问于2013-05-05得票数 1
回答已采纳
我希望针对另一个动态创建的表行中动态创建的HTML表元素，在最后一个子表行之前在子表中追加一个表行。我不想将单击事件附加到这个动态创建的元素上，这似乎是我在任何地方都能找到的答案。我希望针对特定表行中的特
浏览 5提问于2016-04-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
