Question

Table中鼠标划过一行时，整行变色

function overIt() {
var the_obj = event.srcElement;
if (the_obj.tagName.toLowerCase() == "td") {
the_obj = the_obj.parentElement;
the_obj.oBgc = the_obj.currentStyle.backgroundColor; the_obj.oFc = the_obj.currentStyle.color;
the_obj.style.backgroundColor = 'red';
the_obj.style.color = 'red';
the_obj.style.textDecoration = 'underline';
}
}

function outIt() {
var the_obj = event.srcElement;
if (the_obj.tagName.toLowerCase() == "td") {
the_obj = the_obj.parentElement;
the_obj.style.backgroundColor = the_obj.oBgc;
the_obj.style.color = the_obj.oFc;
the_obj.style.textDecoration = '';
}
}
这段代码是什么意思？？？

Answer 1

function overIt() 移入显示的样式

function overIt() {
var the_obj = event.srcElement;//获取当前鼠标移上去获取的元素
if (the_obj.tagName.toLowerCase() == "td") { //如果这个元素是td
the_obj = the_obj.parentElement;// 获取td的父类 就是tr
the_obj.oBgc = the_obj.currentStyle.backgroundColor; //获取tr的 背景颜色 赋给动态属性obgc (注：currentStyle 只能获取Ie下的非行间的样式 ff下用getComputedStyle)
the_obj.oFc = the_obj.currentStyle.color;//获取tr的字体颜色 赋给 动态属性ofc
the_obj.style.backgroundColor = 'red'; //设置tr的背景颜色
the_obj.style.color = 'red'; //设置tr的字体颜色
the_obj.style.textDecoration = 'underline'; //让tr有下划线
}
}

function outIt() 移除显示的样式

function outIt() {
var the_obj = event.srcElement; //获取当前鼠标移上去获取的元素
if (the_obj.tagName.toLowerCase() == "td") { //如果这个元素是td
the_obj = the_obj.parentElement;// 获取td的父类 就是tr
the_obj.style.backgroundColor = the_obj.oBgc; //让tr 回到原始的样式(就是当初移上去保存动态属性的 obgc 的颜色) 下同
the_obj.style.color = the_obj.oFc;
the_obj.style.textDecoration = '';
}
}

Answer 2

小样，这都上来问