js动态生成html表格,JS动态添加table表格元素

//   Last   updated   2006-02-21

function   addRowToTable()

{

var   tbl   =   document.getElementById('tblSample');

var   lastRow   =   tbl.rows.length;

//   if   there's   no   header   row   in   the   table,   then   iteration   =   lastRow   +   1

var   iteration   =   lastRow;

var   row   =   tbl.insertRow(lastRow);

//   left   cell

var   cellLeft   =   row.insertCell(0);

var   textNode   =   document.createTextNode(iteration);

cellLeft.appendChild(textNode);

//   right   cell

var   cellRight   =   row.insertCell(1);

var   el   =   document.createElement('input');

el.type   =   'text';

el.name   =   'txtRow'   +   iteration;

el.id   =   'txtRow'   +   iteration;

el.size   =   40;

el.onkeypress   =   keyPressTest;

cellRight.appendChild(el);

//   select   cell

var   cellRightSel   =   row.insertCell(2);

var   sel   =   document.createElement('select');

sel.name   =   'selRow'   +   iteration;

sel.options[0]   =   new   Option('text   zero',   'value0');

sel.options[1]   =   new   Option('text   one',   'value1');

cellRightSel.appendChild(sel);

}

function   keyPressTest(e,   obj)

{

var   validateChkb   =   document.getElementById('chkValidateOnKeyPress');

if   (validateChkb.checked)   {

var   displayObj   =   document.getElementById('spanOutput');

var   key;

if(window.event)   {

key   =   window.event.keyCode;

}

else   if(e.which)   {

key   =   e.which;

}

var   objId;

if   (obj   !=   null)   {

objId   =   obj.id;

}   else   {

objId   =   this.id;

}

displayObj.innerHTML   =   objId   +   '   :   '   +   String.fromCharCode(key);

}

}

function   removeRowFromTable()

{

var   tbl   =   document.getElementById('tblSample');

var   lastRow   =   tbl.rows.length;

if   (lastRow   >   2)   tbl.deleteRow(lastRow   -   1);

}

function   openInNewWindow(frm)

{

//   open   a   blank   window

var   aWindow   =   window.open('',   'TableAddRowNewWindow',

'scrollbars=yes,menubar=yes,resizable=yes,toolbar=no,width=400,height=400');

//   set   the   target   to   the   blank   window

frm.target   =   'TableAddRowNewWindow';

//   submit

frm.submit();

}

function   validateRow(frm)

{

var   chkb   =   document.getElementById('chkValidate');

if   (chkb.checked)   {

var   tbl   =   document.getElementById('tblSample');

var   lastRow   =   tbl.rows.length   -   1;

var   i;

for   (i=1;   i<=lastRow;   i++)   {

var   aRow   =   document.getElementById('txtRow'   +   i);

if   (aRow.value.length   <=   0)   {

alert('Row   '   +   i   +   '   is   empty');

return;

}

}

}

openInNewWindow(frm);

}

  Validate   Submit

  Display   OnKeyPress

Sample   table
1	id="txtRow1"   size="40"   οnkeypress="keyPressTest(event,   this);"   />	text   zero text   one