行<input type="text" id="h"> 列<input type="text" id="l"> <button οnclick="add()">生成</button> <div id="div1"></div> <script> function add() { var h=document.getElementById("h").value; var l=document.getElementById("l").value; var tab = "<table border='1' bgcolor='red'>"; //通过 += 的方式将代码放到一个变量里,实现表单的形成。 for (var i=0;i<h;i++){ tab +="<tr>"; for (var j=0;j<l;j++){ tab +="<td>aaaaaa</td>"; } tab +="</tr>"; } tab +="</table>"; var divv = document.getElementById("div1"); divv.innerHTML=tab; //把table代码设置到div里 } </script>
js实现动态生成表单,通过+=方式把将html标签放入变量当中。
最新推荐文章于 2024-05-03 16:01:29 发布