请教个思路，最终效果上来讲，原生 JS 如何可以使整行表格 tr 内容被一个红框包起来？

情况：
1 、是在“增强”别人用数组绘制的动态表格，想在上面略加效果，
2 、情况不允许用 Jquery，主要原因是公司去公网的防火墙没有对 Jquery 的 CDN 地址放白名单。
3 、因为表格里面本身有些 td 格子自带了颜色（颜色有具体代表不同的信息），如果 onmouseover,onmouseout 去改颜色变高亮，反而影响了使用。。。
4 、所以就想到了弄个红色的框来表现鼠标落在了这行内容上。。。
5 、试着写了一下，对 tr 各种.style 参数调了一下，好像没那么简单？。。。
6 、脸厚问，可有现成的参考一下？

    //高亮 TR，目前只做了字体自动加粗，效果还不足够
    var tab = document.getElementById('dataShow');
    var trs = tab.getElementsByTagName('tr');//获取所有的 tr 标签
    for (var i = 0; i < trs.length; i++) {
        trs[i].onmouseover = function () {   //鼠标移动上事件
            if (this.style.fontWeight != "bolder") {
                this.style.fontWeight = "bolder";
            }
            }

        trs[i].onmouseout = function () {		//鼠标移出事件
            if (this.style.fontWeight == "bolder") {
                this.style.fontWeight = "normal";
            }
        }
    }