2017年1月17日

表格排序

摘要: 功能描述: 利用sort()和appendChild()实现表格递增和递减排序 实现效果: 编码思路: 将表格中的每一行都加入到数组中。 编写递增排序和递减排序的函数,作为参数传入sort()中。 调用数组的sort()函数。 遍历已排好序的数组,调用appendChild()方法。 示例代码: 阅读全文

posted @ 2017-01-17 13:50 sillypasserby 阅读(132) 评论(0) 推荐(0)

表格搜索并对结果进行背景高亮显示

摘要: 功能描述: 对表格的内容实现了模糊搜索,多关键字搜索,以及不区分大小写搜索。 实现效果: 基础知识: toLowerCase() split() search() 编码思路: 获取文本框中的信息,并转换为小写字符串。 将信息以空格断开,并存入数组中。 遍历信息数组,将表格中的信息转换为小写字符串后进 阅读全文

posted @ 2017-01-17 11:26 sillypasserby 阅读(536) 评论(0) 推荐(0)

表格行的添加和删除操作

摘要: 功能描述: 在文本框中输入信息点击确定后添加到表格中,点击删除,则删除表格中的一行。 实现效果: 编码思路: 创建<tr>和<td>元素。 将ID,文本框中的信息和<a>标签添加到<td>中,再把<td>插入到<tr>中。 设置<a>标签的鼠标点击删除事件。 将<tr>插入到表格中。 示例代码: 阅读全文

posted @ 2017-01-17 10:59 sillypasserby 阅读(255) 评论(0) 推荐(0)

表格隔行变色以及鼠标移入高亮显示

摘要: 功能描述: 实现表格奇数行和偶数行背景颜色不一样,以及鼠标移入时,移入行高亮显示。 实现效果: 编码思路: 遍历表格行,如行号为为奇数,设置背景颜色为灰色,行号为偶数,设置背景颜色为空。 设置表格每行的鼠标移入和移出事件。 鼠标移入时,保存当前背景颜色并设置背景颜色为绿色。 鼠标移出时,还原保存的背 阅读全文

posted @ 2017-01-17 09:55 sillypasserby 阅读(834) 评论(0) 推荐(0)

创建、删除元素

摘要: 功能描述: 创建li并倒序插入到ul中,同时提供删除的功能 实现功能: 基础知识: Dom操作: createElement(); insertBefore(); appendChild(); removeChild(); 编码思路: 创建li元素节点,将文本框的内容以及<a>标签加入到li元素中 阅读全文

posted @ 2017-01-17 09:34 sillypasserby 阅读(186) 评论(0) 推荐(0)

导航