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.