iscroll.js中加载的内容怎么改成定义的样式

今天用的iscroll.js这个插件，是第一次的使用，有点问题，想问问你们
就是我想改的iscroll.js

• 下拉刷新 （自定义实现此方法） myScroll.refresh(); // 数据加载完成后，调用界面更新方法*

function pullDownAction () {
  setTimeout(function () {  // <-- Simulate network congestion, remove setTimeout from production!
    var el, li, i;
    el = document.getElementById('thelist');

    for (i=0; i<3; i++) {
      li = document.createElement('li');
      li.innerText = 'Generated row ' + (++generatedCount);
      
      el.insertBefore(li, el.childNodes[0]);
    }
    
    myScroll.refresh();   //数据加载完成后，调用界面更新方法   Remember to refresh when contents are loaded (ie: on ajax completion)
  }, 1000); // <-- Simulate network congestion, remove setTimeout from production!
}

输出是的：
**Generated row1
Generated row2
Generated row3**

可是我想把

for (i=0; i<3; i++) {
      li = document.createElement('li');
      li.innerText = 'Generated row ' + (++generatedCount);
      
      el.insertBefore(li, el.childNodes[0]);
    }
    

for插入

  <li>
                    <div class="list_product_top">
                      <div class="list_product_img fl"><img src="image/banner/list01.jpg"></div>
                      <div class="list_product_contot fr">
                        <h1>C3蓝钻版</h1>
                        <p>¥500</p>
                      </div>
                    </div>
                    <div class="list_product_bootom">
                      <span><b class="coc9c9c9">浏览</b><b class="coc39099">300</b></span>  
                      <span class="co6ca3e7">销量0</span>
                    </div>
                  </li>

我该怎么写，
因为我的js不是太好
我刚刚试着把“innerText”给改成“innerHTML”也不行

---

直接　

li.innerHTML = ' <div class="list_product_top">
                      <div class="list_product_img fl"><img src="image/banner/list01.jpg"></div>
                      <div class="list_product_contot fr">
                        <h1>C3蓝钻版</h1>
                        <p>¥500</p>
                      </div>
                    </div>
                    <div class="list_product_bootom">
                      <span><b class="coc9c9c9">浏览</b><b class="coc39099">300</b></span>  
                      <span class="co6ca3e7">销量0</span>
                    </div>';

不就可以了吗？