标签:
<!-- 模板 --> <div style="display: none;"> <ul id="itemdataTempleteContent"> <li onclick="getPlan({itemdata_id});"> <span>名字:{itemdata_name}</span> </li> </ul> </div>
//根据模板生成内容,在内容较多时使用字符串替换拼接操作来添加dom //模板中使用“{itemdata_XXX}”的格式来作为属性替换值的标示,遇到该标示则替换 //@param templete 模板内容 //@param data 数据行 //@param format 格式化(如日期格式化),可以没有 function getHtmlByTemplete(templete, data, format){ return templete.replace(/{itemdata_([^}]+)}/g, function($0, $1){ var v = data[$1] ; if( typeof(format) !== ‘undefined‘ && format !== null ){ v = format($1, v) ; } return v ; }) ; }
填充代码片段
var templeteStr = XXX.innerHTML ; var content = XXXXX; var itemHtmlList = [] ; for(var i=0 ; i < list.length; i++){ itemHtmlList.push(getHtmlByTemplete(templeteStr, list[i], itemdataFormatDate)) ; } content.innerHTML = itemHtmlList.join(‘‘) ;
标签:
原文地址:http://www.cnblogs.com/ooi-/p/5508321.html