表格,鼠标移到,移出某行,改变该行样式JS

来源:互联网 发布:centos 光盘 yum源 编辑:程序博客网 时间:2024/06/08 13:37

获取表格行数

方法一:

var tab = document.getElementById("table1");
var row = tab.rows.length;

方法二:

 var rows = document.getElementsByTagName("tr");


鼠标移动,鼠标离开

function load() {
    var rows = document.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        rows[i].onmouseover = function () {
            this.className = 'mouseover';
        }
        rows[i].onmouseout = function () {
            this.className = 'mouseout';
        }
    }
}
0 0
原创粉丝点击