js动态添加标签（新增一行，其实很简单，就是几个函数的应用）

最新推荐文章于 2024-07-18 13:52:01 发布

kiki113

最新推荐文章于 2024-07-18 13:52:01 发布

阅读量1.9k

点赞数

文章标签： file input upload class function xhtml

本文链接：https://blog.csdn.net/kiki113/article/details/4021458

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>add_line</title> <mce:script language="javascript" type="text/jscript"></mce:script> </head> <body> <div style="text-align: center" mce_style="text-align: center"> <form> <table width="90%"> <tr> <td> <BR /> <BR /> <h5>配置文件上传</h5> </td> </tr> <tr> <td> <table id="upload_file"> <tr class="tabletext"> <td><input type="file" name="job" size="50"/></td> </tr> <tr class="tabletext"> <td><input type="file" name='file2' size="50"/></td> </tr> <tr class="tabletext"> <td><input type="file" name='file3'size="50"/></td> </tr> </table> </td> </tr> <tr> <td align="left"> <input type="button" value="新增一行" οnclick="add_one_file()"/> <input type="submit" value="保存"/> <input name="ciname" value="{{ciname}}"/> <input name="type" value="default"/> </td> </tr> </table> </form> </div> </body> </html>

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

document.createElement 创建一种页面标签

setAttribute:为某一标签设置属性

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

kiki113

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态添加标签（新增一行，其实很简单，就是几个函数的应用）

add_line <!-- function add_input_file(tbfile, index) { file_name = "file" + index; var tr_file = document.createElement("tr");
复制链接

扫一扫