1. table物件
    1. table物件就是<table>,不過並沒有提供集合物件存取指定的<table>,使用使用id或name屬性來存取
    2. document.mytable.border = 3;
    3. summary屬性
      1. <table summary="...">
        1. 此table的說明
      2. 它對於Browser而言是不會顯示,但對於網路蜘蛛則十分重要,是加分的屬性
    4. scope屬性
      1. <th scope="row | col">
        1. th標題是要放在「行(row)」或「列(col)」
        2. scope預設是row
      2. 指定th標題出現在表格上方第一行或左邊第一列
  2. 屬性
    1. 屬性
      1. caption
        1. 存取表格的標題文字(如果存在)
      2. border
        1. 存取表格框線尺寸
      3. width
        1. 存取表格的寬度
      4. cellPadding
        1. 存取儲存格文字內容和框線的距離
      5. cellSpacing
        1. 存取儲存格框線間的距離
      6. frame
        1. 存取表格外框線
      7. rules
        1. 存取表格內框線
      8. rows
        1. 傳回表格每一最TableRow物件的物件集合(Array)
      9. tBodies
        1. 傳回<tbody>物件集合
      10. tFoot
        1. 傳回<tfoot>物件集合
      11. tHead
        1. 傳回<thead>物件集合
  3. 方法
    1. 在table中,每一儲存格都有一組index編號, index編號是由TableRow物件的rowIndex屬性和TableCell物件的cellIndex屬性所組成, (rowIndex, cellIndex) 所以一個二維表格裡每一儲存格Index編號是: (0,0)(0,1) (1,0)(1,1) (2,0)(2,1) …
      1. table方法
        1. insertRow(index)
          1. 插入一列<tr>,插入位置是在參數的列號之前
        2. deleteRow(index)
          1. 刪除index的表格列
        3. createCaption()
          1. 建立標題文字<caption>
        4. deleteCaption()
          1. 刪除標題文字
        5. createTHead()
          1. 建立標題區塊<thead>
        6. deleteTHead()
          1. 刪除標題區塊
        7. createTFoot()
          1. 建立註腳區塊<tfoot>
        8. deleteTFoot()
          1. 刪除標題區塊
      2. document.mytable.insertRow(0).insertCell(0); document.mytable.insertRow(0).insertCell(1);
    2. 刪除某一列
      1. function deleteColumn(table, number) { //每行刪除對應儲存格 for (var i=0, len=table.rows.length; i < len; i++){ table.rows[i].deleteCell(number); } }
  4. 屬性/方法
    1. 另一種分類法
    2. 針對<table>元素
      1. caption
        1. 指向<caption>元素(如果存在)
      2. tBodies
        1. 指向<tbody>元素的集合
      3. tFoot
        1. 指向<tfoot>元素(如果存在)
      4. tHead
        1. 指向<thead>元素(如果存在)
      5. rows
        1. 表格中所有「行」的集合
      6. deleteRow(position)
        1. 刪除指定位置上的行
      7. insertRow(position)
        1. 在rows集合中的指定位置插入一個新行
      8. creatCaption()
        1. 建立<caption>元素並放入表格中
      9. deleteCaption()
        1. 刪除<caption>元素
    3. 針對<tbody>元素
      1. rows
        1. <tbody>中所有行的集合
      2. deleteRows(position)
        1. 刪除指定位置上的行
      3. insertRows(position)
        1. 在rows集合中的指定位置插入一個新行
    4. 針對<tr>元素
      1. cells
        1. <tr>中所有儲存格的集合
      2. deleteCell(position)
        1. 刪除指定位置上的儲存格
      3. insertCell(position)
        1. 在cells集合的指定位置上插入一個新的儲存格
  5. <tr> <td>儲存格1</td> <td>儲存格2</td> </tr>
    1. <tr>...</tr>對應TableRow物件
      1. TableRow --> rows[i]
    2. <td>...</td>對應TableCell物件
      1. TableCell --> cells[i]
    3. mytable.rows[i].cells[i]; rows[i],第幾列 cells[i],第幾格
  6. TableRow(<tr>)
    1. 屬性
      1. TableRow屬性
        1. cells
          1. 傳回表格列中儲存格TableCell物件集合(Array)
        2. align
          1. 列中儲存格的水平對齊方式
        3. vAlign
          1. 列中儲存格的垂直對齊方式
        4. rowIndex
          1. 傳回TableRow物件的列號(Array)
        5. sectionRowIndex
          1. 傳回<thead>、<tfoot>、<tbody>區塊中TableRow物件列號
    2. 方法
      1. TableRow方法
        1. insertCell(index)
          1. 插入儲存格在傳入index編號前
        2. deleteCell(index)
          1. 刪除傳入index編號儲存格
  7. TableCell(<td>)
    1. 屬性
      1. TableCell屬性
        1. align
          1. 儲存格的水平對齊方式
        2. vAlign
          1. 儲存格的垂直對齊方式
        3. colSpan
          1. 存取儲存格的左右合併,colspan屬性
        4. rowSpan
          1. 存取儲存格的上下合併,rowspan屬性
        5. cellIndex
          1. 傳回儲存格編號