javascript生成动态表格

来源：互联网发布：淘宝购物怎样查询物流编辑：程序博客网时间：2024/06/06 08:53

<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head><title>javascript生成动态表格</title><script language="javascript" type="text/javascript">  function input() {       if(event.keyCode==13) {      //回车事件，判断输入回车      addtable();    }     }    function addtable() {     var r = document.getElementById("row").value;    var c = document.getElementById("col").value;    var div = document.getElementById("div");    var newTable = document.createElement("table");    newTable.setAttribute("border", 1, 0);    newTable.setAttribute("width", "400px");    newTable.setAttribute("height", "50px");      for (i = 1; i <= r; i++) {      var tr = newTable.insertRow();      for (j = 0; j < c; j++) {        var td = tr.insertCell();          td.innerHTML = i + j;      }    }    div.appendChild(newTable);  }  </script> </head><body><div id="div"></div><input type="text" id="row" placeholder="请输入行数"><input type="text" id="col" placeholder="请输入列数" onkeydown="return input()"></body></html>

代码能够实现自动生成r行c列的表格

0 0