表格基础

　　表格应用-1

　　获取

　　tBodies、tHead、tFoot、rows、cells

　　隔行变色

　　鼠标移入高亮

　　删除、添加一行

　　表格应用-2

　　搜索

　　版本1：基础版本——字符串比较

　　版本2：忽略大小写——大小写转换

　　版本3：模糊搜索——search的使用

　　版本4：多关键词——split

　　高亮显示、筛选

　　排序

　　移动Li

　　元素排序：转换——排序——插入

　　表单应用-1

　　表单基础知识

　　什么是表单

　　向服务器提交数据，比如：用户注册

　　action 提交到哪里

　　表单事件

　　onsubmit 提交时发生

　　onreset 重置时发生

　　表单应用-2

　　表单内容验证

　　阻止用户输入非法字符 阻止事件

　　输入时、失去焦点时验证 onkeyup、onblur

　　提交时检查 onsubmit

　　*后台数据检查

---

 

　　表格元素的快捷获取方式

       JS在表格中获取元素时，

　　getElementsByTagName('tbody')[i]与tBodies[i]是等效的;

　　getElementsByTagName('tr')[i]与rows[i]是等效的;

　　getElementsByTagName('td')[i]与cells[i]是等效的;

　　getElementsByTagName('thead')[0]与tHead是等效的;

　　getElementsByTagName('tfoot')[0]与tFoot是等效的;

　　一个表格只允许有一个thead元素和tfoot元素，而可以拥有多个tbody元素，故而tBodies获取的是数组，而tHead与tFoot获取的是元素。

　　th标签定义表格内单元格表头;thead标签定义表格的表头。

 

 

转载于:https://www.cnblogs.com/f6056/p/9283451.html