HTML DOM常用对象

Image:代表页面上的一个img元素
创建:var img=new Image();
Select/Option
属性:
.options:获得select下所有option对象
.length:可直接获得option的个数
.value:select中选中项的值:2种情况
1.如果选中的option有value属性,则返回value属性
2.如果选中的option没有value属性,则返回内容
.selectedIndex:获得当前选中项的下标
方法:
.add(option):向select中添加一个option
.remove(i)删除select下i位置的option
 
option对象:指页面上一个option元素
创建:var opt=new Option(text,value);
属性: .text代替了innerHTML
 
table:
 创建行分组,删除行分组,获取行分组
var thead=table.createTHead();
创建一个行分组,同时添加到table中
删除行分组:table.deleteTHead();
获取行分组:table.tHead
特例:tBody:一个table中可包含多个tbody,获得tbody:table.tBodies[i]
 
行分组:创建,删除,获取行
.insertRow(i)   .deleteRow(i)   .rows
简写:insertRow()表示末尾追加一行
删除:tr:thead.deleteRow(i)
获取:thead.rows
 
行:添加,删除,获取格
.insertCell(i)     .deleteCell(i)           .cells
强调:insertCell只能添加td,不能添加th
var td=tr.insertCell()
 
删除行两种:
tbody.deleteRow(tr.rowIndex) tr 在行分组内的下标
table.deleteRow(tr.rowIndex)   tr 在整个表中的下标
因为每个tr 都有tr.rowIndex,记录了tr 在整个表中的下标
通常使用table.deleteRow(tr.rowIndex)
 
Form对象代表网页上的一个form元素
获取:var form=document.forms[i/id/name]
属性:.elements获得form中所有表单元素的集合
         获得表单元素form.elements[i/id/name]
简写:如果表单元素有name属性  可直接var elem=form.name
表单元素:方法:elem.focus()让elem获得焦点
                          elem.blur()让elem失去焦点
         .length    .elements.length获得form中表单元素的个数
方法:.submit()手动提交
事件:onsubmit();当表单最终提交之前自动触发

猜你喜欢

转载自www.cnblogs.com/webenjoy/p/12162368.html