【JS学习总结】如何使用JS实现表格高亮显示

前言：这个系列主要是对之前学习JavaScript实现的一些小demo的总结，总觉得不能这样学过了就算了，趁着假期就好好总结一下吧。

在平常的网站开发中，我们常常会遇到这样的一个需求，就是需要实现表格高亮显示，所谓的高亮显示又是怎么一回事呢？其实就是当我们的鼠标移进表格的某一行，某一行就会改变原来的背景颜色，而当我们把鼠标移出的时候，表格的某一行又会恢复到原来的背景颜色，那么这种效果是怎么实现的呢？

所用到的技术点如下：

JS事件：

onload:页面加载

onmouseover:鼠标移进事件

onmouseout:鼠标移出事件

this关键字：在函数内部，this关键字表示当前操作元素

setAttribute(name,value):我们可以使用该方法来存储行原有的背景颜色，便于鼠标移出事件触发后恢复原有背景色

代码如下：

HTML代码：

		

			

				

					
编号
					
姓名
					
年龄
				
			
			

				

					
1
					
张三
					
20
				
				

					
2
					
李四
					
20
				
				

					
3
					
王五
					
20
				
				

					
4
					
赵六
					
20
				
				

					
5
					
田七
					
20
				
			
		
	

JS代码：