這篇文章主要為大家展示了“在js代碼拼接dom對象到頁面上的模板有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“在js代碼拼接dom對象到頁面上的模板有哪些”這篇文章吧。

成都創(chuàng)新互聯(lián)公司一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們在創(chuàng)意設(shè)計(jì)，營銷型網(wǎng)站到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗(yàn)。我們擅長傾聽企業(yè)需求，挖掘用戶對產(chǎn)品需求服務(wù)價(jià)值，為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過十年以上行業(yè)經(jīng)驗(yàn)，涵蓋創(chuàng)意，策化，開發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)綿陽服務(wù)器托管、成都app軟件開發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)整合營銷。

每次在js代碼里面想動(dòng)態(tài)的拼個(gè)dom，然后append到頁面上，都是各種麻煩，
要是可以直接在jsp頁面弄個(gè)隱藏的model那是很好的，用js方法里面的clone方法也是很好的，還可以給不同部分set值。
為了以后簡單點(diǎn)，我就把模板擺著，方便后面用得著的時(shí)候，復(fù)制粘貼。

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) {
    //去分行活躍用戶數(shù)的小數(shù)部分如：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對象到頁面上的模板有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：在js代碼拼接dom對象到頁面上的模板有哪些-創(chuàng)新互聯(lián)
標(biāo)題URL：http://weahome.cn/article/dpgesi.html