HTML DOM 常用对象

table

行分组:

创建:createTHead 、createTBody、createTFoot。
删除:delete关键字。
获取:tBodies:返回一个数组,包含了所有tbody。thead和tfoot可以直接点出来:table.thead。

table.createTHead()
table.deleteTHead()
// 特殊情况:tbody无法直接被删除
// 获取到的tbody是一个数组,可以通过下标访问到
table.tBodies[i]
行:

添加:insertRow(i)
删除:可以通过rowIndex属性删除,行的属性,记录该行在整个table中的下标,再用detele关键字。
获取:rows:返回值一个数组,包含了获取到的所有行

thead.insertRow() // 省略i代表在末尾添加
thead.deleteRow(i)
单元格:

添加:.insertCell(i)
删除:.deleteCell(i)
获取:.cells:返回一个数组,包含了获取到的所有单元格

form

Form对象代表了网页上的一个form元素。
获取:forms:返回一个数组,包含了所有的form元素,可以通过下标,id,name获取到具体某一个form元素。
属性:.

  1. elements:返回一个数组,包含了form中的所有元素,
  2. length:返回form表单元素的个数。

方法:

  1. reset:把表单的所有输出元素重置为他们的默认值
  2. submit:提交表单

事件:

  1. onreset():这个事件会在重置表单之前调用,执行reset方法时,在执行前不会响应onreset事件。如果返回false,表单将不会重置。
  2. onsubmit():这个事件会在提交表单之前调用,同样,如果是通过执行submit 事件进行提交表单,也不会响应onsubmit事件。如果返回false表单将不会被提交。因为这个特性,onsubmit一般用来作提交前的表单验证。

你可能感兴趣的:(DOM)