<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function addRow() {
myTable.outerHTML=myTable.outerHTML.match(/(<[^>]*>)/)[0]+myTable.innerHTML+(myTable.rows[myTable.rows.length-1].outerHTML)+'</table>'
myTable.rows[myTable.rows.length-1].cells[0].innerText++;
}
function chkRowNum(){
var e=window.event.srcElement
var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex; 
if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();}
}
</SCRIPT></head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
<th>字段1<th>字段2<th>字段3<th>字段4</th>
<tr>
<td>1
<td><input type=text name=r1c1 size=20 onfocus="chkRowNum()">
<td><input type=text name=r1c2 size=20>
<td><input type=text name=r1c3 size=30>
</tr>
</table>
<input type=button onclick="addRow()" value=新增>
</form>
</body>
</html>

解决方案 »

  1.   

    <table border="1" width="100" id=t>
      <tr>
        <td width="100%"> </td>
      </tr>
    </table><input type=button value=add  onclick="a()">
    <script>
    function a(){
    var c=t.insertRow().insertCell()
    c.style.backgroundColor='red'
    c.innerHTML='fason'
    c.onclick=new Function("aa(this)")
    }
    function aa(o){
    alert(o.innerHTML)
    }
    </script>
      

  2.   

    好像有点不明白,能给各例子吗?
    如:
    <tr>
     <td width="14%" valign="top" onclick="showme()"><img id=searchimage src="pageimage/left_search1.gif" width="32" height="47" onClick="showimage(this.id)" alt="地物查询">
     </td>
    </tr>
    这一段如果要动态的加进去,该怎么写呢?
      

  3.   

    <table border="1" width="100" id=t>
      <tr>
        <td width="100%"> </td>
      </tr>
    </table><input type=button value=add  onclick="a()">
    <script>
    function a(){
    var c=t.insertRow().insertCell()
    c.style.width="14%"
    c.style.verticalAlign='top'
    c.innerHTML='<img id=searchimage src="pageimage/left_search1.gif" width="32" height="47" onClick="showimage(this.id)" alt="地物查询">'
    c.onclick=new Function("showme()")
    }
    function showme(){
    alert()
    }
    </script>
      

  4.   

    <tr>
     <td width="14%" valign="top" onclick="showme()">地物查询
     </td>
    </tr>
    我想把“地物查询”也动态的赋给这个表格,该怎样做呢?
    如果以后我想取得“地物查询“这个字符串,该怎样做呢?
      

  5.   

    上面的insertCell()后,c.innerHTML="地物查询";c.onclick=new Function("showme(this)")function showme(o){
    alert(o.innerHTML)//地物查询
    }
      

  6.   

    var row=resulttable.insertRow();
    var cell=row.insertCell();
    cell.style.width="16";
    cell.style.verticalAlign='top';
    cell.innerHTML='<img id=searchimage src="pageimage/layer1.gif" width="16" height="15" onClick="showimage(this.id)" alt="地物查询">';
    cell.onclick=new Function("showme()");
    var cell1=row.insertCell();
    cell1.style.width="50";
    cell.innerText="asdsfjl";
    cell1.style.verticalAlign='top';
    cell1.onclick=new Function("showme()");
    我是想在一个行上插入两个单元格,可为什么="asdsfjl"能显示,而image却没有显示呀?
      

  7.   

    celll.innerText="asdsfjl";
      ~~~~笔误