表格、表单操作

(一)表格操作

方法:
tHead ==>表格头
tBodies ==>表格正文(可以有多个)(在js中如果不写,自动会添加,易出错)
tFoot ==>表格尾
rows ==>行
cells ==>列
eg:oTab.tBodies[0].rows[1].cells[1].innerHTML(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0].children[1].children[1].innerHTML

(二)表单操作
<form id='form1'>
<input type='text' name='text1' value='内容'/>
</form>
var oForm=document.getElementById('form1')


1.获取表单里元素对象
表单元素.name的属性值 ==>获取表单中对应的name的元素(无兼容性问题)
eg:oForm.text1 ==>得到input文本框

2.表单事件(如果事件函数体中返回了false则事件失效,提交表单时必须有action属性才能成功)
(1)onchange:当值发生改变的时候触发(有兼容性问题)
eg:oForm.text1.onchange=function(){alert()}
兼容性问题:
text:当光标离开的时候如果内容有变化就触发
checkbox/radio:标准浏览器下点击的时候只要值改变就触发;非标准浏览器为光标离开时候值变了就触发
select:只要值改变就触发
注:<select name='city' value=''>
<option value='北京'>北京</option>
</select>
select的value值为option中选中的value的值(selected属性,单选,复选框选中时checked)
(2)onsubmit ==>事件,当提交表单的时候触发
(3)onreset ==>事件,当表单重置的时候触发

3.表单方法
submit() ==>方法,提交表单

原文地址:https://www.cnblogs.com/fengxiaopiaoer/p/5634320.html