章节
问答
课签
笔记
评论
占位
占位

编程练习

制作一个表格,显示班级的学生信息。

要求:

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

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

3. 点击删除按钮,则删除当前行

任务

第一步: 首先,我们创建删除函数,并在删除按钮上添加点击事件;

提示: 使用removeChild()。

第二步: 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;

提示: 使用createElement()、innerHTML、appendChild()。

第三步: 更改鼠标移动改变背景则可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

提示:
1. 获取表格的行,getElementsByTagName 。
2. 使用for进行循环,为每行添加事件及背景颜色设置。
?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 阳火锅
问题没什么问题,只是这样写显得代码臃肿  不容易一目了然的阅读..  我这里有一种方法也能实现<...图片...>

+ 我来回答 回答最高可+2积分

最新回答 / qq_慕姐5514859
真无语了,来这装什么东西

+ 我来回答 回答最高可+2积分

最新回答 / 慕村6406476
改变颜色的函数调用错误bgcChang(tr[i]);应该是bacChange(tr[i]);改变颜色函数里obj没有定义,应该是function bacChange(obj);改变颜色for循环条件;里应该是i<tr.length;var name=prompt("请输入名字","");名字后的逗号应该是英文的,你用的是中文的逗号

+ 我来回答 回答最高可+2积分

最新回答 / 精慕门5098903
已经找到问题了,添加元素的时候应该是td,结果我写成了th,自问自答了,哈哈哈

最赞回答 / 炳烛之华
因为在代码解析后,table下面会有一级tbody元素标签,所以a标签的三个parentNode是指这个tbody,而不是table,通过以下代码,你会发现真实的残酷var table = document.getElementById('table'); var oG = obj.parentNode.parentNode.parentNode; alert(oG.nodeName);   //TBODY alert(table.nodeName); //TABLE

最新回答 / 精慕门5098903
就是cs所在的tr,cs父亲是td,td父亲是tr,td有很多td兄弟

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言