JavaScript数组仅显示3个值,求修改代码展示全部5个含链接的值
修改代码以显示数组全部5个值
原代码只拼接了数组的前3个元素,要展示全部5个值,只需在HTML字符串里加入数组的第4个(索引3)和第5个(索引4)元素即可。以下是修改后的代码:
myArrayValues.innerHTML += "<li><h2>" + myArrayEvent[i][0] + '</h2><p><a href="myPage.php?itemID=' + i + // 修正原代码的小问题:[i]改为i,避免把数组转成字符串 '">' + myArrayEvent[i][1] + "</a><br/>" + myArrayEvent[i][2] + "<br/>" + myArrayEvent[i][3] + "<br/>" + myArrayEvent[i][4] + "</p></li>";
改动说明:
- 保留原有的标题(
myArrayEvent[i][0])、链接文本(myArrayEvent[i][1])和第三个值(myArrayEvent[i][2]) - 新增数组的第4个元素(对应"Contact Info")和第5个元素(对应"Email Address"),用
<br/>分隔保证每行显示一个值 - 修正了原代码的错误:
[i]改为i,否则itemID会被设置成类似"[0]"的字符串,而非正确的索引数字
如果想让内容排版更清晰,也可以给新增字段加上标识:
myArrayValues.innerHTML += "<li><h2>" + myArrayEvent[i][0] + '</h2><p><a href="myPage.php?itemID=' + i + '">' + myArrayEvent[i][1] + "</a><br/>" + "<strong>地点:</strong>" + myArrayEvent[i][2] + "<br/>" + "<strong>联系项:</strong>" + myArrayEvent[i][3] + "<br/>" + "<strong>邮箱:</strong>" + myArrayEvent[i][4] + "</p></li>";
内容的提问来源于stack exchange,提问作者Jennie Moon
相关产品推荐
相关产品推荐

