javascript - 用 javascript 创建一个表
问题描述
这是我的第一个 JS 代码,我按照教科书的说明进行操作,但表格仍然没有显示在网页上。我id="eventList"
已经添加到我的 HTML 中并缩短了数组。这是我的JS的代码。
var eventDates = ["July 29, 2018 11:00:00", "July 30, 2018 19:00:00"];
var eventDescriptions = ["Classics Brunch", "Lasers and Light"];
var eventPrices = ["$12", "$12/$18/$24"];
var thisDay = new Date("August 30, 2018");
var tableHTML = "<table id='eventTable'><caption>Upcoming Events</caption>
<tr><th>Date</th><th>Event</th><th>Price</th></tr>";
var endDate = new Date();
endDate = thisDay.getTime() + 14 * 24 * 61 * 61 * 1000;
for (var i = 0; i < eventDates.length; ++i) {
var eventDate = new Date();
eventDate = eventDates[i];
var eventDay = eventDate.toDateString();
var eventTime = eventDate.toLocaleTimeString();
if ((thisDay <= eventDate) && (eventDate <= endDate))
tableHTML = "<tr><td>eventDay @ eventTime</td><td>description</td>
<td>price</td></tr>" + eventDay + eventTime;
var description = eventDescriptions[i];
var price = eventPrices[i];
}
tableHTML = "</table>";
document.getElementById("eventList").innerHTML = tableHTML;
<div id="eventList">
</div>
解决方案
tableHTML = "</table>";
无论何时您分配一个值,tableHTML
您都会用新值覆盖它并丢弃旧值。
也许你的意思是:
tableHTML = tableHTML + "</table>";
推荐阅读
- typescript - 暂停后计数器从 0 开始
- html - 更改 svg 填充颜色 onScroll
- javascript - 在Javascript中获取字符串中的模式之间的单词
- jquery - 将 UL 设置为移动设备上的下拉菜单和桌面上的全宽
- docker - 连接容器的docker覆盖网络问题
- html - 在子 div 中使用背景时如何让整个 TD 可点击
- java - 未解决的参考:字体 findFromCache
- bash - 仅使用 sed/BASH 将扩展的 IPv6 转换为 PTR 的反向半字节 arpa
- excel - 使用 VBA 在工作簿之间循环和粘贴
- azure - 替换 Docker 映像中的数据库连接字符串