Advertisement

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)

还没有任何评论哟~