【面向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();