js编程（增删学生信息）

最新推荐文章于 2022-11-06 19:16:23 发布

_米粒儿_

最新推荐文章于 2022-11-06 19:16:23 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript 编程学生信息

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/yiren_99/article/details/47844359

这是一个JavaScript编程练习，目标是创建一个显示班级学生信息的表格。功能包括：鼠标悬停行时背景色改变，点击添加按钮动态添加新行，以及点击删除按钮移除当前行。实现方法涉及删除函数绑定、动态添加表格行及鼠标事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编程练习
制作一个表格，显示班级的学生信息。

要求：

1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff

2. 点击添加按钮，能动态在最后添加一行

3. 点击删除按钮，则删除当前行
任务
第一步：首先，我们创建删除函数，并在删除按钮上添加点击事件；
提示: 使用removeChild()。
第二步：编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
提示: 使用createElement()、innerHTML、appendChild()。
第三步：更改鼠标移动改变背景则可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
提示:
1. 获取表格的行，getElementsByTagName 。
2. 使用for进行循环，为每行添加事件及背景颜色设置。
<!DOCTYPE html>
&

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。