有关for循环的问题

Question

var UL = document.getElementsByClassName('list')[0];

var LI = UL.getElementsByTagName('li');

var img = document.createElement("img");

for(var i=0;i<LI.length;i++){
LI[i].appendChild(img);
// console.log(i)

    }

我想让每个li都动态插入一个img
怎么才可以让这个全部遍历出来，现在只遍历出最后一个值，不应该全都会走一遍吗？怎么才可以全部走一遍，我知道for循环是瞬间的，所以肯定是只会出最后一个结果。也就是最后一个li会被添加到img。前面的都被瞬间过了，可这里就是我想不通的，他瞬间应该也会走一遍才对啊，所以其·前面的也应该被添加到img，奇了个怪

Answer 1

for(var i=0;i<LI.length;i++){ var img = document.createElement("img");LI[i].appendChild(img);// console.log(i) }