如何将JavaScript数组输出到HTML链接？

-5

我读了很多答案告诉我如何将一个arrray变成一个字符串，或将每个项目放入一个无序列表中，但我想知道是否有一种简单的方法来输出数组中的每个项目作为自己的链接？对于一个学校项目，请不要只使用jQuery，JavaScript。如何将JavaScript数组输出到HTML链接？

来源

2016-04-18 tarlyo

是的，你可以动态地创建一堆A元素。 –

我的代码太长，无法发布，但我没有尝试太多。我对此很陌生。我的数组名为finalOptions，目前正在打印到控制台，但我想将它变成一个链接列表，基本上。 – tarlyo

@ PM77-1你能解释一下吗？对不起，我对此非常陌生 – tarlyo

您可以动态添加到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

我希望这有助于

里斯

来源

2016-04-18 14:26:02

谢谢！我会试试这个。还有一个问题 - 你知道我是否可以在新的HTML页面上创建这些标签，或者如果他们必须成为我现有的一部分？ – tarlyo

请记住不要复制粘贴我的朋友的代码。看它。 'placeToPutLinks'。阅读我给你的参考资料:) –

刚试过这样，它似乎并没有工作。在控制台没有错误，但我没有看到我应该看到的。函数makeLinks（）{ var placeToPutLinks = document。的getElementById（ “结果”）; for（var i = 0; i tarlyo

我会给你一个提示

创建阵列
遍历数组和写一个无序列表 - 或其他任何东西。

例阵列： itemList中= [ “加拿大”， “美国”， “墨西哥”， “伯利兹”， “危地马拉”， “洪都拉斯”， “萨尔瓦多”， “尼加拉瓜”， “哥斯达黎加” ，“巴拿马”];

遍历列表：

for(var i=0; i<itemList.length; i++){ 

document.getElementById("myList").innerHTML+= 
    '<li>' + 
    itemList[i] + 
    '</li>' 
}

注意，上面的循环被放置在一个div称为“myList中”

这将是有意义的把循环中的函数，将一个id用该数组调用该函数。

名称的功能说：writeItems 例如：功能writeItems（）

呼叫的功能，并通过在阵列writeItems（itemList中）;

这应该是一个好的开始。

好运

来源

2016-04-18 14:56:48 Mayo

这对我来说很有意义，但它不起作用 – tarlyo

用我给你的东西做一个小提琴。我给你所有的难题。试试吧，如果你有问题，我会帮你解决的。 – Mayo

https://jsfiddle.net/59fp5muy/ 这里是链接，但它不会没有图像 – tarlyo

如何将JavaScript数组输出到HTML链接？

回答

相关问题