Javascript 如何从数组中获取值并将其作为类添加到html项中

问题: 我在HTML中有一个列表，5

li>a

in

u

l，我在JS中创建了一个数组，比如：

var list= [
{
    date: "02.2013",
    name: "First",
    icon: "fa fa-heart"
},
{
    date: "05.2014",
    name: "Second",
    icon: "fa fa-flask"
},
{
    date: "03.2012",
    name: "Third",
    icon: "fa fa-gavel"
},
{
    date: "06.2015",
    name: "Fourth",
    icon: "fa fa-graduation-cap"
},
{
    date: "08.2017",
    name: "Fifth",
    icon: "fa fa-trophy"
}];

我想将“图标”内容作为类添加到a。 结果应该是这样的：

                 <ul>
                    <li>
                        <a href="#"  class="fa fa-heart"  aria-hidden="true"></a>
                    </li>
                    <li>
                        <a href="#"  class="fa fa-flask" aria-hidden="true"></a>
                    </li>
                    <li>
                        <a href="#"   class="fa fa-gavel" aria-hidden="true"></a>
                    </li>
                    <li>
                        <a href="#"  class="fa fa-graduation-cap" aria-hidden="true"></a>
                    </li>
                    <li>
                        <a href="#"  class="fa fa-trophy" aria-hidden="true"></a>
                    </li>
                </ul>

我可以在控制台中显示表中的每个“图标”，和“a”相同，但我不知道下一步应该做什么

如何从数组中获取这些“类”并将其放入链接中

对于/foreach

我要求的是提示，而不是解决方案-感谢bros对JS解决方案的评论：

var html_content = "<ul>";
for (var i=0; i<list.length; i++){
    html_content += '<li><a href="#"  class="'+list[i]['icon']+'"  aria-hidden="true"></a>';
}
html_content+= "</ul>";

var html_content=“
”；
对于（var i=0；i获取链接的集合，循环它们，并从数组中添加相应的类

var links = document.querySelectorAll("li > a");
var len = Math.min(links.length, list.length);
for (var i = 0; i < len; i++) {
    links[i].className = list[i].icon;
}

var links=document.querySelectorAll（“li>a”）；
var len=Math.min（links.length，list.length）；
对于（变量i=0；i
您真的想使用javascript作为标记显示吗？还是对JQuery持开放态度？使用JS将类添加到元素中时，JQuery使用的代码要少得多