dom操作-循环插入图片

  <h1 class="pubu_head">水平瀑布流</h1>
  <div class="pubu_box">

        var box = document.querySelector('.pubu_box');
        //存储页面用的box对象

        var oDiv = document.getElementsByClassName('pubu_box')[0];

        for(var i = 1; i < 5; i++){
            var img = document.createElement('img');     
            img.src = 'img/pubuL_' + i +'.jpg';
            oDiv.appendChild(img);
        }

因为做到水平瀑布流，所以将此技巧记录一下，互相进步。