用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>

<ul id="list"></ul>

<script>

    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
1回答

慕森王

你应该吧var a="";和赋值给innerHTML的这两行放在for循环之外,依照你现在的逻辑,每次循环都会先将变量a重置为空字符串,所以自然就只输出最后一个li
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript