用innerHTML把li添加到ul中

我console.log(a);a是<li>1</li><li>2</li><li>3</li><li>5</li><li>4</li>,

list.innerHTML = a;我是想把这个li添加到ul中，但在浏览器上却只输出了最后一个li,

请教下大家，想知道是哪方面出了问题

<body>

var data=[1,2,3,5,4];

(function () {

var list = document.getElementById('list');

for (var i = 0; i < data.length; i++) {

var a = '';

a += '<li>' + data[i] + '</li>';

list.innerHTML = a;

}

})();

</script>

</body>

斯蒂芬大帝

浏览 754回答 1

慕森王

你应该吧var a="";和赋值给innerHTML的这两行放在for循环之外，依照你现在的逻辑，每次循环都会先将变量a重置为空字符串，所以自然就只输出最后一个li

随时随地看视频慕课网APP