json封装数据，然后通过创造的标签调用

<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);         
    }