1. <html> 
    2. 

  2. <head> 
    3. 

  3. <title>Table对象的方法title> 
    4. 

  4. <script language="JavaScript"> 
    5. 

  5. var intRowIndex = 0; 
    6. 

  6. function insertRow(tbIndex){ 
    7. 

  7.    var objRow = myTable.insertRow(tbIndex); 
    8. 

  8.    var objCel = objRow.insertCell(0); 
    9. 

  9.    objCel.innerText = document.myForm.myCell1.value; 
    10. 

  10.    var objCel = objRow.insertCell(1); 
    11. 

  11.    objCel.innerText = document.myForm.myCell2.value; 
    12. 

  12.    objRow.attachEvent("onclick", getIndex); 
    13. 

  13.    objRow.style.background = "pink"; 
    14. 

  14. } 
    15. 

  15. function deleteRow(tbIndex){ 
    16. 

  16.    myTable.deleteRow(tbIndex); 
    17. 

  17. } 
    18. 

  18. function getIndex(){ 
    19. 

  19.    intRowIndex = event.srcElement.parentElement.rowIndex; 
    20. 

  20.    pos.innerText = intRowIndex; 
    21. 

  21. } 
    22. 

  22. script> 
    23. 

  23. head> 
    24. 

  24. <body onload="pos.innerText=intRowIndex;"> 
    25. 

  25. <h2>Table对象的方法h2> 
    26. 

  26. <hr> 
    27. 

  27. 当前位置 : <span id="pos">span> 
    28. 

  28. <table id="myTable" border=1> 
    29. 

  29. <tr onclick="getIndex()"> 
    30. 

  30.    <td>HTMLtd> 
    31. 

  31.    <td>CSStd> 
    32. 

  32. tr> 
    33. 

  33. <tr onclick="getIndex()"> 
    34. 

  34.    <td>JavaScripttd> 
    35. 

  35.    <td>VBScripttd> 
    36. 

  36. tr> 
    37. 

  37. table> 
    38. 

  38. <form name="myForm"> 
    39. 

  39. 第一栏 : <input type="text" name="myCell1" value="CGI"><br> 
    40. 

  40. 第二栏 : <input type="text" name="myCell2" value="ASP"><br> 
    41. 

  41. <input type="button" onclick="insertRow(intRowIndex)" value="插入行"> 
    42. 

  42. <input type="button" onclick="deleteRow(intRowIndex)" value="删除行"> 
    43. 

  43. <input type="button" onclick="insertRow(myTable.rows.length);" value="添加行"> 
    44. 

  44. form> 
    45. 

  45. body> 
    46. 

  46. html> 
    47. 

  47.  
    48.