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