javascript - js拼接html有没有比较快的方法?
本文介绍了javascript - js拼接html有没有比较快的方法?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div class="formcode clearfix">
<div class="title">新建用户<div class="xicon">x</div></div>
<div class="formbox">
<form action="">
<p><span><label>* </label>用户名</span><input type="text" placeholder="数字/中英文组合,5-20位字符"></p>
<p><span><label>* </label>登录密码</span><input type="text"></p>
<p><span><label>* </label>确认密码</span><input type="text"></p>
<p><span><label>* </label>员工姓名</span><input type="text"></p>
<p><span><label>* </label>用户角色</span></p>
<p><span><label>* </label>联系手机</span><input type="text"></p>
<div class="tips">用户角色决定用户权限,请到角色管理系统统一设置</div>
<input type="button" value="保存">
</form>
</div>
</div>
拼接这样一段html 有没有技巧 或者简化方法
解决方案
<script id="我是模板" type="text/html">
<div class="formcode clearfix">
<div class="title">新建用户<div class="xicon">x</div></div>
<div class="formbox">
<form action="">
<p><span><label>* </label>用户名</span><input type="text" placeholder="数字/中英文组合,5-20位字符"></p>
<p><span><label>* </label>登录密码</span><input type="text"></p>
<p><span><label>* </label>确认密码</span><input type="text"></p>
<p><span><label>* </label>员工姓名</span><input type="text"></p>
<p><span><label>* </label>用户角色</span></p>
<p><span><label>* </label>联系手机</span><input type="text"></p>
<div class="tips">用户角色决定用户权限,请到角色管理系统统一设置</div>
<input type="button" value="保存">
</form>
</div>
</div>
</script>
<script>
let _template = document.getElementById('我是模板').innerHTML;
</script>
这篇关于javascript - js拼接html有没有比较快的方法?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文