js自动增加html标签,js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)...

add_line

function add_input_file(tbfile, index)

{

file_name = "file" + index;

var tr_file = document.createElement("tr");

var td_file = document.createElement("td");

var input_file = document.createElement("input")

input_file.setAttribute("type","file")

input_file.setAttribute("size","50")

input_file.setAttribute("name",file_name)

td_file.appendChild(input_file)

tr_file.appendChild(td_file)

tbfile.appendChild(tr_file)

}

function add_one_file()

{

var tb_file = document.getElementById("upload_file");

var count_file = document.getElementById("upload_file").childNodes.length;

//window.alert(steps_nums);

add_input_file(tb_file, count_file);

}

// -->

配置文件上传

把所有代码拷下另存为一个html文件,在浏览器中打开,点击“新增一行”按钮就可以,以下是对js函数的解释

document.createElement 创建一种页面标签

setAttribute:为某一标签设置属性

appendChild:在另一标签中添加一子标签

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值