[TOC] > [手冊](https://www.layui.com/doc/modules/laytpl.html) ## demo ``` //引入js <script src="layui/layui.js"></script> <div id="view"> <script id="demo" type="text/html"> <h3>{{ d.title }}</h3> <ul> {{# layui.each(d.list, function(index, item){ }} <li> <span>{{ item.modname }}</span> <span>{{ item.alias }}：</span> <span>{{ item.site || '' }}</span> </li> {{# }); }} {{# if(d.list.length === 0){ }} 無數據 {{# } }} </ul> </script> </div> <script> layui.use('laytpl',function(){ var data = { //數據 "title":"Layui常用模塊" ,"list":[{"modname":"彈層","alias":"layer","site":"layer.layui.com"},{"modname":"表單","alias":"form"}] } var domId= "#demo"; var domView = "#view"; var laytpl = layui.laytpl //第三步：渲染模版 var getTpl = document.querySelector(domId).innerHTML , view = document.querySelector(domView); laytpl(getTpl).render(data, function (html) { view.innerHTML = html; }); }); </script> ```