2013年3月7日
JS表格排序
摘要： appendChild：1、先把元素从原有的父级上删掉。2、添加到新的父级。排序的原理：从一堆数里找出一个最小的数用appendChild插入到最后，再在剩下的数里找最小的数用appendChild插入到最后，如此重复就能找把所有的数实现排序。表格排序思路：1、获取元素。2、创建一个空数组 var arr=[];3、用for循环把表格的每行数赋值给数组 arr[i]=oTable.tBodies[0].rows[i];4、用sort()把数组里面的元素进行排序。5、用for循环把数组里排好序的数用appendChild插入到tBodies。完整代码： 1 <!DOCTYPE html P 阅读全文
posted @ 2013-03-07 22:42 yexingwen 阅读(2858) 评论(0) 推荐(0) 编辑
JS搜素表格
摘要： 用JS实现在表格内搜素名字。基本版：完全匹配思路：在表格里搜素每一行，把用户输入的值和所有名字做出对比，完全匹配后高亮显示。1、获取元素。2、for循环历遍表格，把用户输入的值和所有名字对比，如果相等就高亮显示该行。oTable.tBodies[0].rows[i].cells[0].innerHTML==oTxt.valueJS代码： 1 <script> 2 window.onload=function() 3 { 4 var oTxt=document.getElementById('txt'); 5 var oSearch=document.getEleme 阅读全文
posted @ 2013-03-07 17:46 yexingwen 阅读(334) 评论(0) 推荐(0) 编辑
JS获取table
摘要： JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells使用实例： oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]隔行变色代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans 阅读全文
posted @ 2013-03-07 15:32 yexingwen 阅读(3711) 评论(0) 推荐(0) 编辑