大佬教程收集整理的这篇文章主要介绍了在js代码拼接dom对象到页面上去的模板总结(必看),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
每次在js代码里面想动态的拼个dom,然后append到页面上,都是各种麻烦,
要是可以直接在jsp页面弄个隐藏的model那是很好的,用js方法里面的clone方法也是很好的,还可以给不同部分set值。
为了以后简单点,我就把模板摆着,方便后面用得着的时候,复制粘贴。
var $metric = $("#metric");
$metric.empty();
var optGroup0 = $("
for(var i=0; i<allMetricsources.length; i++) {
var m = allMetricsources[i];
if( m != null && (m.type == stream_type || m.type == 2)){
var option = $("");
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 += "<tr>
以上这篇在js代码拼接dom对象到页面上去的模板总结(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持菜鸟教程。
以上是大佬教程为你收集整理的在js代码拼接dom对象到页面上去的模板总结(必看)全部内容,希望文章能够帮你解决在js代码拼接dom对象到页面上去的模板总结(必看)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。