HTML DOM 常用对象

本文详细介绍了HTML中表格(table)和表单(form)的创建、管理与操作方法,包括行与单元格的增删改查,以及表单的提交与重置功能,是前端开发者不可多得的实用指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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一般用来作提交前的表单验证。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值