JacaScript如何实现生成Html代码

myNewRow = document.all.myTable.insertRow()

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

document.all.myTable.insertRow()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
/*
//编辑部分
*/
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.height=20;
var i=4;
while(i--)
{
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<span onmouserover="this.style.textDecoration=\'underline\'" onclick="javascript:return delRow(this.parentElement.parentElement);" style="cursor:hand;">删除此行</span>';newcell.align='middle';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}

newrow.cells[0].children[0].focus();}
function delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
while(i--){
if(src==tab.rows[i]){
alert("是否删除"+ i + "行?");
tab.deleteRow(i);
}
}
}function nextRow(obj)
{ if(event.keyCode==13)
{
if(obj.cellIndex != 2)
{
event.keyCode = 9;
}
else
{
addRow(obj.parentElement.parentElement);
}
}
}
</script>
</head><body>
<table id="tb" width="100%"  border="1" align="center" cellpadding="1" style="border-collapse:collapse" bordercolor="#111111">
  <tr>
    <th scope="col" width="25%">奶类</th>
    <th scope="col" width="25%">数量</th>
    <th scope="col" width="25%">总重</th>
    <th scope="col" width="25%" align="center">操作</th>
  </tr>
  <tr id="blankRow" onClick="addRow(this.parentElement)">
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:95%;border:0px solid #90C4FF;" onkeydown="javascript:return nextRow(this.parentElement)"></div>
</body>
</html>