用js添加html

本文介绍了如何使用JavaScript动态创建HTML元素,并在页面上添加。通过函数AddSignRow(),在id为'SignFrame'的div中插入了可编辑的列表项,包括文本输入框,适合动态数据展示或表单构建。
摘要由CSDN通过智能技术生成

 
<div  class="" οnclick="AddSignRow()">用js添加html</div>
<div id="SignFrame"></div>
 <script>
     function AddSignRow(){
        
        //var num='1';
        var sb='<ul>';
        sb+='<li>';
        sb+='<div class="record_add_title left">html</div>';
        sb+='<input class="classs" name="html[]" type="text"  value="" />';
        sb+='<div class="clear"></div>';
        sb+='</li>';
        sb+='</ul>';
        
        var  tmp = document.createElement( 'div' );//创建一个div
        var SignFrame=tmp.innerHTML+=sb;//添加到div里
          //num++;
         document.getElementById( 'SignFrame' ).appendChild(tmp);//添加到你指的的id的地方
    }
</script>
   

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值