<ul class="list">

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

 var jp = {

              "height":"354px",

              "image":"http://www.wookmark.com/images/thumbs/629761_wookmark.jpg",

              "title":"Pinterest • The world",

              "width":"236px"

             };

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

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

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

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

             function atrbute(a,b){  //会用到两次所以就封装一个函数传入参数进行调用即可

                 img.setAttribute(a,b);

                 }

             atrbute("src",jp.image);//传参调用

             atrbute('title',jp.title);//传参调用

             img.style.width=jp.width;

             img.style.height=jp.height;

             LI[i].appendChild(img);

     }