在js代码拼接dom对象到页面上去的模板有哪些

小编给大家分享一下在js代码拼接dom对象到页面上去的模板有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联服务项目包括乌鲁木齐网站建设、乌鲁木齐网站制作、乌鲁木齐网页制作以及乌鲁木齐网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，乌鲁木齐网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到乌鲁木齐省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

每次在js代码里面想动态的拼个dom，然后append到页面上，都是各种麻烦，

要是可以直接在jsp页面弄个隐藏的model那是很好的，用js方法里面的clone方法也是很好的，还可以给不同部分set值。

为了以后简单点，我就把模板摆着，方便后面用得着的时候，复制粘贴。

function fillDialog(dataArray) {
  var target = $("#dialogTarget");
  target.empty();
  for (var i = 0; i < dataArray.length; i++) {
    var label = $('');
    label.text("" + dataArray[i].channelName);
    var input = $("");
    input.prop("name", "checkbox");
    input.prop("type", "checkbox");
    input.prop("value", dataArray[i].id);
    if (dataArray[i].showInUserStatistic) {
      input.prop("checked", "true");
    }
    label.prepend(input);
    target.append(label);
  }
}

var trs = "";
  for (var i = 0; i < dataArray.length; i++) {
    var branchBank = dataArray[i].branch;
    var newUser = dataArray[i].newUserNum;
    var netBoostUser = dataArray[i].netBoostUserNum;
    var closeUser = dataArray[i].closeUserNum;
    var activeUser = dataArray[i].activeUserNum;
    var index = activeUser.indexOf(".");
    if (index > 0) {
      //去分行活跃用户数的小数部分如：11.0 ---> 11
      activeUser = activeUser.substring(0, index);
    }
    trs += "" + branchBank + "";
    trs += "" + newUser + "";
    trs += "" + netBoostUser + "";
    trs += "" + closeUser + "";
    trs += "" + activeUser + "";
    trs += "";
  }
  newList.append("" + trs + "");
  tableChart.append(newList.show());

 var $metric = $("#metric");
 $metric.empty();
 var optGroup0 = $("");
 var optGroup1 = $("");
 var optGroup2 = $("");

 for(var i=0; i");
  option.attr("value", m.metric);
  option.attr("data_type", m.data_type);
  option.attr("unit", m.unit);
  option.html(m.title);
  if (m.groupType == 0) {
  optGroup0.append(option);
  } else if (m.groupType == 1) {
  optGroup1.append(option);
  } else {
  optGroup2.append(option);
  }
   }
  }
 $metric.append(optGroup0);
 $metric.append(optGroup1);
 $metric.append(optGroup2);
  if(metric != undefined){
 $metric.val(metric);
  }
 $metric.trigger("chosen:updated");

function fillRecoveryTable(data) {
  var $tableBody = $("#recoveryTable").find("tbody");
  $tableBody.empty();
  var trs = "";
  for (var i = 0; i < data.length; i++) {
    var recovery = data[i];
    trs += "" + recovery.fileName + "";
    trs += "" + recovery.timeString + "";
    trs += "" + (recovery.result ? "成功" : "失败") + "";
    trs += "" +
      "" +
      "";
    trs += "";
  }
  $tableBody.append(trs);
}

以上是“在js代码拼接dom对象到页面上去的模板有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！