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

1 つの可能な方法:

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

別の方法は、 modern を使用すること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 リンク