为了账号安全,请及时绑定邮箱和手机立即绑定

JS:分离数组项目并在表格中显示各个项目

JS:分离数组项目并在表格中显示各个项目

繁华开满天机 2023-08-18 14:06:14
在我的应用程序中,我从 API 获取一个 JSON 对象,从 API 获取的项目之一是航班发生的星期几(在主数组内的数组中)。在我的 HTML 中,我格式化了一个表格来显示一周中的几天问题是天数取决于,并且每个航班的天数不同。在我看来,我需要:拆分 DAYS 数组并获取项目数量显示到内部 html,<Td ID="SOME ID">使用每个,所以我只有所需的行数。问题是:我不知道该怎么做。而且大多数网站都不清楚。
查看完整描述

1 回答

?
慕桂英4014372

TA贡献1871条经验 获得超13个赞

您可以循环遍历数组并动态创建每个 tr td samp 和 span 并将它们附加到表的 tbody 中。


_table = document.querySelector(".modalScheduleBody table tbody");


flightData.weekdays.forEach(function(d){

   tr = document.createElement("tr");

   td = document.createElement("td");

   td.setAttribute("scope","row");

   span = document.createElement("span");

   samp = document.createElement("samp");

   samp.innerHTML = d;

   span.appendChild(samp)

   td.appendChild(span)

   tr.appendChild(td)

   _table.appendChild(tr)

});


查看完整回答
反对 回复 2023-08-18
  • 1 回答
  • 0 关注
  • 75 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信