如何将数据分配给<；td>；对多行使用javascript动态创建表？
我被标题中提到的问题陈述所困扰。我有一个场景，我在点击按钮时得到一个逗号分隔的数据，我想使用javascript将该数据分配给表的td元素 请参阅以下代码：如何将数据分配给<；td>；对多行使用javascript动态创建表？,javascript,html-table,Javascript,Html Table,我被标题中提到的问题陈述所困扰。我有一个场景，我在点击按钮时得到一个逗号分隔的数据，我想使用javascript将该数据分配给表的td元素 请参阅以下代码： // Consider we have data in comma split format in x array. // For ex: the data in x array is {1,2,3}{4,5,6}{7,8,9} i.e. 3rows // Now I want to assign that to td1, td2 and
// Consider we have data in comma split format in x array.
// For ex: the data in x array is {1,2,3}{4,5,6}{7,8,9} i.e. 3rows
// Now I want to assign that to td1, td2 and td3 of the table
// In function I'm looping the data as below where I'm directly assigning
// the data to the td1,td2,td3 id of the table.
for (i = 0; i < x.length; i++) {
// alert(x[i]);
document.getElementById('td1').innerHTML = x[i++];
document.getElementById('td2').innerHTML = x[i++];
document.getElementById('td3').innerHTML = x[i++];
}
<html>
<body>
<table class='tbl-qa'>
<thead>
<tr>
<th class='table-header' width='20%'>Title</th>
<th class='table-header' width='40%'>Description</th>
<th class='table-header' width='20%'>Date</th>
</tr>
</thead>
<tbody id='table-body'>
<tr class='table-row' id = 'table-row'>
<td id = 'td1'>''</td>
<td id = 'td2'>''</td>
<td id = 'td3'>''</td>
</tr>
</tbody>
</table>
</body>
</html>
标题
描述
日期
''
''
''
注意-我想强制将数据分配到表行分区的td。您的数据对我来说没有意义，它无效。我只是把它放在3个字符串现在，你可以让我知道，如果这是不可接受的。下面是如何将
var数据=[“1,2,3”，“4,5,6”，“7,8,9”]；
对于（i=0；i
标题
描述
日期
$query=“从示例中选择*”；
$get\u example\u query=mysqli\u query（$connection，$query）；
while（$row=mysqli\u fetch\u assoc（$get\u example\u query））{
$id=$row['id']
$content=$row['content']；
回声“；
回显“$content”；
回声”；
}
[{
title: 'Title',
description: 'Description',
date: 'Date'
}, {
// ...
}]
let数据=[{
标题：“T1”，
描述：‘D1’，
日期：“DT1”
}, {
标题：“T2”，
描述：“D2”，
日期：“DT2”
}, {
标题：“T3”，
描述：'D3'，
日期：“DT3”
}];
让tbody=document.getElementById（'table-body'）；
让tr,td,；
data.forEach（（元素）=>{
tr=document.createElement（'tr'）；
for（让输入元素）{
if（element.hasOwnProperty（key））{
td=document.createElement（'td'）；
td.innerHTML=元素[key]；
tr.appendChild（td）；
}
}
t附肢儿童（tr）；
})；
标题
描述
日期
逃逸功能。你应该准备你的声明。与这个答案不相关，因为我特别说过它不包括在内。我只是为了你自己的安全让你知道。请注意e函数！=正在准备
[{
title: 'Title',
description: 'Description',
date: 'Date'
}, {
// ...
}]