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];
}