为了账号安全,请及时绑定邮箱和手机立即绑定

用innerHTML把li添加到ul中

用innerHTML把li添加到ul中

斯蒂芬大帝 2018-12-18 17:13:14
我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>
查看完整描述

1 回答

?
慕森王

TA贡献1777条经验 获得超3个赞

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


查看完整回答
反对 回复 2019-01-16
  • 1 回答
  • 0 关注
  • 753 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信