在js代码拼接dom对象到页面上的模板有哪些-创新互联
这篇文章主要为大家展示了“在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 = $('
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 = $("
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对象到页面上的模板有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
名称栏目:在js代码拼接dom对象到页面上的模板有哪些-创新互联
网站链接:http://ybzwz.com/article/dpgesi.html