javaScript中的一些知识

时间:2023-03-09 16:15:10
javaScript中的一些知识

利用js动态生成table

      1. <html xmlns="http://www.w3.org/1999/xhtml">
      2. <head>
      3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      4. <title>js添加表格行列</title>
      5. <mce:script type="text/javascript">
      6. function insert(){
      7. var tb=document.getElementById("mytable");
      8. for(var i=0;i<3;i++){
      9. var tr = tb.insertRow();
      10. var td1 = tr.insertCell(0);
      11. var td2 = tr.insertCell(1);
      12. td1.innerHTML = "name";
      13. td2.innerHTML = "password";
      14. }
      15. }
      16. // --></mce:script>
      17. </head>
      18. <body>
      19. <table id="mytable">
      20. <tr>
      21. <td width="100">第一列</td>
      22. <td width="100">第二列</td>
      23. </tr>
      24. </table>
      25. <input type="submit" onclick="insert()" value="添加"/>
      26. </body>
      27. </html>