Question

如何在<li></li>

中显示我的数组值

我的代码：

HTML

<ul id="navp">
<li></li>
<li></li>
<li></li>
</ul>

JS

    var myList = [ 
    ['1','one'],
    ['1','two'],
    ['1','three'],
    ];
for (var tok in myList) { console.log(tok, myList[tok][1]); }

我想在列表（one, two, three）中显示<li></li>。

Answer 1

一种可能的方式：

var li = document.getElementById("navp").getElementsByTagName("li");
for (var i = 0, len = li.length; i < len; i++) {
    li[i].innerHTML = myList[i][1];
}

另一种方法是使用现代querySelectorAll：

var li = document.querySelectorAll("#navp > li");
for (var i = 0, len = li.length; i < len; i++) {
    li[i].innerHTML = myList[i][1];
}

Answer 2

使用HTML：

<ul id="navp">
</ul>

试试这些JS代码：

var myList = [ 
    ['1','one'],
    ['1','two'],
    ['1','three'],
    ];

var mainList = document.getElementById("navp");

for(var i=0;i<myList.length;i++){
         var item = myList[i];
         var elem = document.createElement("li");
         elem.value=item[0];
         elem.innerHTML=item[1];

         mainList.appendChild(elem);
    }

jsfiddle link

Answer 3

你可以使用like，动态依赖于数组push li标签的长度

const emailList = [];
data.invalidEmailIds.forEach((email) => {
 emailList.push("<li>" + email + "</li>");
});

在html中，您可以使用{{emailList}}

javascript - <li> </li>中的数组值

3 个答案: