JS中简单的删除增加鼠标事件的实现

最新推荐文章于 2022-11-26 14:22:47 发布

VIP文章 moluchase

最新推荐文章于 2022-11-26 14:22:47 发布

阅读量4.9k

点赞数

分类专栏： HTML JavaScript

本文链接：https://blog.csdn.net/molu_chase/article/details/52196432

版权

源于慕课网上的编程题目，自己记下来，便后面复习

要求：
1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff
2. 点击添加按钮，能动态在最后添加一行
3. 点击删除按钮，则删除当前行

代码如下：

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript"> 
  //鼠标经过函数
    function moveevent1(t){
        t.style.backgroundColor="#f2f2f2";
	 }
    //鼠标离开函数 
     function moveevent2(t){
        t.style.backgroundColor="#fff";
     }
     
      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点，这里并没有传参；
     function addelement(){
         var newnode=docume

最低0.47元/天解锁文章

moluchase

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中简单的删除增加鼠标事件的实现

源于慕课网上的编程题目，自己记下来，便后面复习要求：1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff2. 点击添加按钮，能动态在最后添加一行3. 点击删除按钮，则删除当前行代码如下： new document //鼠标经过函数 function moveevent1(t){
复制链接

扫一扫