【面向JS--HTML DOM常用對象】

Image對象：指代一個img元素

var img =new Image();//只有image和option可new

Select對象: 指代一個select元素

屬性: options: 包含一個select下所有option元素對象的集合
      length:直接獲得select下option的個數-->options.length
      value：有value返回value值，沒有返回內容
      selectedIndex: 獲得當前選中項的下標

方法: add(opt): 將opt元素對象追加到當前sel下，不支持文檔片段
     remove(i): 移除sel下下標爲i的option元素對象

事件: onchange: 

Option對象: 指代select元素下一個option元素

創建Option: 
    var opt=new Option(innerHTML,value)

相當於核心DOM: 
    var opt=document.createElement("option");
    opt.innerHTML=innerHTML;
    opt.value=value;

簡寫： 創建，設置，並追加option:
    sel.add(new Option(innerHTML,value));

屬性: index: 當前option元素在select中的下標位置
      text:相當於innerHTML
      selected: 返回當前option是否被選中，返回bool值

Table對象: 指代一個table元素

創建: 需要一個變量接收返回值
     var txx=table.createTHead/TBody/TFoot 
        返回剛創建的對象，用於繼續添加子內容

刪除: deleteTHead/TFoot  不能刪除TBody

獲取: 
    table.tHead/tFoot  獲取表格頭 或 尾
    table.tBodies[i]   獲取表格主體

tHead-->tr
    添加: .insertRow(i)，如果省略i，表示在最後一行追加
           如果i在中間，就在i位置插入，原i位置的行向後順移
           返回剛創建的對象，用於繼續添加子內容
    刪除: .deleteRow(i), 如果省略i，表示刪除第一行
    獲取: .rows[i]
tr-->td
    添加: .insertCell(i),省略i表示末尾追加
    刪除: .deleteCell(i),省略i刪除第一個
    獲取: .cells[i]

table.insertRow()：看最後一個tr所在的行分組是哪個，就將新tr追加到哪個行分組內
table.deleteRow()：永遠刪除全表的第一行
table.deleteRow(i)：刪除相對於全表的下標爲i的行
tBody.deleteRow(i)：刪除當前tBody內下標爲i的行

tr.rowIndex: 表示tr相對於整個表的下標位置，幾乎專用於deleteRow

Form對象: 專門指代一個form元素

獲取form對象: 
    var form=document.forms[i/name/id];
屬性: elements 獲取form中所有表單元素的結合
     其中: elements僅包含所有輸入控件和按鈕

根據下標查找表單元素(id不加前綴#,name,id用""括起)
    var elem=form.elements[i/name/id];
根據name名或id查找表單元素
    var elem=form.name/id 
獲得form中表單元素的個數
    .length-->elements.length
方法: form.submit();//手動提交表單
     何時使用: 不希望自動提交時，可使用自定義按鈕調用form的submit方法手動提交
     elem.focus();//讓當前elem元素獲得焦點
     elem.blur();//讓elem失去焦點，但很少主動使用
事件：onsubmit();