简单的js表格操作

一、背景色变换

```javascript

for (var i = 0; i < trs.length; i++) { // 为每一行绑定鼠标事件

bgcChange(trs[i]); // 背景色变化函数

}

function bgcChange(obj) { // 定义背景色变化函数

obj.onmouseover = function() { // 鼠标移入事件

obj.style.backgroundColor = "f2f2f2"; // 改变背景色为淡灰色

}

obj.onmouseout = function() { // 鼠标移开事件

obj.style.backgroundColor = "fff"; // 恢复背景色为白色

}

}

```

二、动态添加行

```javascript

var num = 2; // 记录当前行数，初始值为第二行（因为第一行为表头）

function add() { // 添加行的函数

num++; // 行数加一

// 创建并设置单元格内容...（省略部分代码）

for (var i = 0; i < trs.length; i++) { // 为新添加的行绑定背景色变化事件

bgcChange(trs[i]); // 背景色变化函数（此处省略定义）

}

}

```

三、删除行操作

```javascript

function del(obj) { // 删除行的函数

tr.parentNode.removeChild(tr); // 从父元素中移除该行（即删除该行）

}

``` 结语：狼蚁SEO与你同行！希望这篇文章能对你的学习有所帮助，也希望大家多多支持狼蚁SEO。如果你对JavaScript的更多应用感兴趣，不妨继续它的奥秘！