js实现动态生成表格中,并且表格中可以输入

JavaScript032

js实现动态生成表格中,并且表格中可以输入,第1张

<html xmlns=" http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script type="text/jscript">

document.write ("<table border='1'>")

for(i=0i<5i++){

document.write ("<tr>")

document.write ("<td>")

document.write ("<input type='text' value=第"+i+"行><br>")//动态输出文本框

document.write ("</td>")

document.write ("</tr>")

}

document.write ("</table>")

</script> </head>

<body></body>

</htmml>

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。