DOM高级应用——表格元素的添加、删除、搜索操作1

1、表格应用

（1）获取——tBodies、tHead、tFoot、rows、cells

（2）隔行换色——鼠标移入高亮

if(i%2==0){

oTab.tBodies[0].rows[i].style.background="#cbc";

}

else{

oTab.tBodies[0].rows[i].style.background="";

}

鼠标移入：oTab.tBodies[0].onmouseover=function(){...}

（3）添加、删除一行——DOM方法的使用

采用appendChild()、removeChild()方法进行插入删除操作。

2、搜索概念：

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

（若搜索“姓名”元素，即需要逐一隔行进行字符串间的比较）

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

即对元素的

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

版本4：多关键词——split

（应用升级——高亮显示、删选）

3、排序

（1）操作：即移动li元素

a、先把元素从原有的父级删掉   b、添加到新的父级上。

oUl1.removeChild(oLi);
oUl2.appendChild(oLi);

（2）元素排序：转换——排序——插入

采用sort()方法，主要对数组进行排序。