问答

js 删除动态创建的模板

作者:admin 2021-07-12 我要评论

script type="text/templete" id="templete" class="tep" div class="fields fields2 field_del" div class="field" span class="label"em class="sign"*/em用户...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

<script type="text/templete" id="templete" class="tep">

        <div class="fields fields2 field_del">
            <div class="field">
                <span class="label"><em class="sign">*</em>用户名称</span>
                <input type="text" required class="name" data-error="用户名称不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>门牌号</span>
                <input type="number" required class="num" data-error="门牌号不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>工程地址</span>
                <input type="text" required class="address_p" data-error="工程地址不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>联系人手机</span>
                <input required onblur="checkValue(this.value, isMobile,'请输入正确的手机号码')" class="mobile2"
                    data-error="联系人手机不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>身份证号</span>
                <input type="number" required class='card' onblur="isCardNo()" data-error="身份证号不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>社会统一信用代码</span>
                <input type="number" required  data-error="社会统一信用代码不能为空" />
            </div>
            <div class="field">
                <span class="label"><em class="sign">*</em>用户表附件上传</span>
                <div class="field3">
                    <div class="gallery">
                        <div class="img-picker">
                            <input class="file" type="file" accept="image/*" required onchange="previewFile(this)"
                                data-error="请上传用户表或产权证">
                            <p class="summ">用户申请表、用户明细表、产权证或营业执照、规划定点图</p>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="del">x</a>
        </div>
        </script>
###

针对你的代码,这块代码就是模版内容吗?删除创建的内容,你直接选择器选中需要删除的节点,然后remove就可以了呀

###
var kk = document.getElementById('kk')//模板节点
        document.getElementById('del').addEventListener('click',function(){//删除按钮点击事件
           kk.remove()//移除
        })

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • js 删除动态创建的模板

    js 删除动态创建的模板

  • 安卓手机---企业微信内置浏览器页面添

    安卓手机---企业微信内置浏览器页面添

  • 用vue-cli3创建的vue项目,低版本火狐

    用vue-cli3创建的vue项目,低版本火狐

  • ts 类型提取问题

    ts 类型提取问题

腾讯云代理商
海外云服务器