javascript拼接html代码

<div class="modal-body" style="height: 300px; overflow: auto">
	<ul class="thumbnails" >
		<!-- 
		注意id='template' 
		这里定义一个数据模板. id为template
		然后里面需要显示值的地方用#key#的形式占位, 可以出现多次. key与json返回的对象的name保持一致.
		刚开始编写模板的时候, 可以不设置 display: none; 方便查看模板样式.
		测试的时候, 设置目标 display: none;
		-->
		<li class="span1" id='template' style='display: none;'>
			<a href="javascript:;" class="thumbnail">
				<label for="#id#">
					<img src="${pageContext.request.contextPath }/resource/image/#logo#" alt="">
				</label>
			</a>
			<p style="text-align: center"><input id="#id#" type="checkbox" value="#id#" style="opacity: 1;">#name#</p>
		</li>
		<!--
		数据为空的时候显示的提醒信息. 不是必须.
		需要的朋友主要是了解下javascript部分关键代码实现思路就可以了,
		了解后随便怎么写都OK...
		-->
		<li class="span1" id='template_nodata' style='display: none;'>
			吖! 人呢? (没有可供选择的用户)
		</li>
	</ul>
</div>