如何将JavaScript数组输出到HTML链接
How to output a JavaScript array to HTML links?
我读过很多答案,告诉我如何将arrray转换为字符串,或者将每个项目放入无序列表,但我想知道是否有一种简单的方法可以将数组中的每个项目输出为自己的链接?对于学校项目,请不要使用jQuery,只使用JavaScript。
您可以动态添加到DOM中。
像这样的东西:
var arrayOfLinks = ['http://www.google.com', 'http://www.youtube.com'];
var placeToPutLinks = document.getElementById('the-id-of-a-dom-element');
for (var i = 0; i < arrayOfLinks.length; i++) {
var anchorTag = document.createElement('a');
var hrefValue = arrayOfLinks[i];
anchorTag.href = hrefValue;
placeToPutLinks.appendChild(anchorTag);
}
以下是一些参考资料:
http://www.w3schools.com/jsref/met_node_appendchild.asp
https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById
我希望这能有所帮助,
Rhys
我会给你一个提示
- 创建阵列
- 循环遍历数组并编写一个无序列表或其他任何内容
数组示例:itemList=["加拿大"、"美国"、"墨西哥"、"伯利兹"、"危地马拉"、"洪都拉斯"、"萨尔瓦多"、"尼加拉瓜"、"哥斯达黎加"、"巴拿马"];
循环浏览列表:
for(var i=0; i<itemList.length; i++){
document.getElementById("myList").innerHTML+=
'<li>' +
itemList[i] +
'</li>'
}
注意,上面的循环被放置在一个id为"myList"的div中
将循环放入函数中,然后用数组调用该函数是有意义的。
将函数命名为say:writeItems例如:函数writeItems()
调用函数并传递数组writeItems(itemList);
这应该是一个良好的开端。
好运
相关文章:
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何使用JavaScript访问HTML链接内容
- 从HTML链接时,Javascript文件不起作用
- html链接onclick弹出一个表单
- 将点击函数添加到动态 HTML 链接
- 如何在 html 链接中发送参数以及如何检索它
- HTML 链接变量
- 如何使html链接标签可以在没有标签的情况下工作
- 提交表单的可能性(左-/中-/在新选项卡或窗口中打开-)单击html链接
- 使用本地HTML链接打开Windows文件夹
- 如何将JavaScript数组输出到HTML链接
- 指向leanModal.js的链接在通过HTML链接呈现时工作良好,但在React中则不然
- 在visualforce中为更新字段分配HTML链接/按钮
- 将URL的文本列表转换为可点击的HTML链接
- 按日期为iframe创建一个HTML链接
- 如何在页面刷新时保持选定/活动的HTML链接颜色
- 如何通过html链接将特定对象传递给函数
- Html链接在某些单击时未注册
- 我想让HTML链接打开一个js手风琴
- 如何在谷歌网站中显示与iframe中的特定人员共享的谷歌云端硬盘html链接