javascript - javascript - 中的数组值

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链接

Answer 3

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

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

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