JavaScript动态HTML字符串拼接方法用于数据加载
发布时间
阅读量:
阅读量
描述
有时候前端请求获取到了数据,比如是一个要显示的表格数据。
js动态加载显示方法有两种。
1. 动态创建元素,配置属性,加入母元素标签(编码量多)
2. HTML字符串拼接,替换为母元素innerHTML(高效)
方法
方法一可借鉴 =>Js动态给表格节点tbody添加数据 所提供的内容。
方法二则采用字符串拼接的方式,具体示例如下:
var tdHtml = "";
for (var i = 0; i != data.length; ++i) {
// 那些'/t'是复制html代码过来自动生成的缩进,无关紧要。
tdHtml += '<tr class="baby_box">\n' +
'\t\t\t\t\t\t<td>\n' +
'\t\t\t\t\t\t\t<input type="checkbox" class="check_it">\n' +
'\t\t\t\t\t\t\t<img src="'.concat(data[i].imgUrl1).concat('" clas
全部评论 (0)
还没有任何评论哟~
