js实现表格的选中一行

先设想下它的实现效果：

1、原始样式：

2、鼠标滑过时：

3、鼠标选中点击某一行

我们来记录下它的详细实现，尽管它看起来如此简单。

1、先写html语言，当然还是应用的前几天相同的代码，可是多了一点点...

看出区别在哪了么，对就是在table上多了onclick、onmouseover和onmouseout等事件，并且事件传递的參数时table对象本身

2、javascript实现对应的效果

这里的编码有一个最关键点：

event.srcElement.tagName和event.srcElement.parentElement在这里的应用；

event是触发时间的源对象，而srcElement则就是选中对象，而parentElement则是选中对象的父层对象；以当前的样例来简单解释的话，就是说，鼠标放上table，从而激活了时间getrow（this），当鼠标放在任一单元格之上时，它的srcElement都是 td，并且它的parentElement也就是tr一行了，则找到一行的对象了，对它的操作就回到最主要的那些開始了啊

来源：https://www.cnblogs.com/mfrbuaa/p/3904750.html