表格、表单操作

标签：

（一）表格操作

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

（二）表单操作
<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（） ==>方法，提交表单

表格、表单操作

标签：

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