tbAdd()这个函数是向dest_tb表中加入数据。
我的问题是我想让加入的数据所在行在鼠标移入的时候背景变色,移出时候背景便会原色。
可能会跟onMouseOver 相关,这样的代码如何在javascript: tbAdd()中实现,如何设置函数中row 的属性。
row.innerHTML +='< onMouseOver = "test(this);" >';
row.onMouseOver = "test(this);"
类似这种的
- JScript code
function tbAdd(data_scroll,data_name,data_kind,data_qualit,data_dest,data_total,data_price,data_least,data_time,data_urlID){ var tb = document.getElementById("dest_tb"); rowIndex = tb.rows.length; var row = tb.insertRow(rowIndex); if(data_scroll%2==0) row.bgColor="#cccccc" var scroll = row.insertCell(0); scroll.width="50px"; scroll.height="40px"; if(data_urlID.length!=0) scroll.innerHTML = data_scroll; else scroll.innerHTML = ""; scroll.style.fontSize ="14px"; scroll.align="center"; var name = row.insertCell(1); name.width="150px"; name.innerHTML = data_name; name.style.fontSize ="14px"; name.align="center"; var kind = row.insertCell(2); kind.width="80px"; kind.innerHTML = data_kind; kind.style.fontSize ="14px"; kind.align="center"; var qualit = row.insertCell(3); qualit.width="110px"; qualit.innerHTML = data_qualit; qualit.style.fontSize ="14px"; qualit.align="center"; var dest = row.insertCell(4); dest.width="160px"; dest.innerHTML = data_dest; dest.style.fontSize ="14px"; dest.align="center"; //row.innerHTML +='< onMouseOver = "test(this);" >'; }
------解决方案--------------------
function tbAdd(data_scroll, data_name, data_kind, data_qualit, data_dest, data_total, data_price, data_least, data_time, data_urlID) {
var tb = document.getElementById("dest_tb");
rowIndex = tb.rows.length;
var row = tb.insertRow(rowIndex);
/////////////////////////////////////////////////////
row.onmouseover = row.onmouseout = function (e) {
e = e || window.event;
this.style.background = e.type == 'mouseover' ? '#00cc00' : '#339900'
}
/////////////////////////////////////////////////////
if (data_scroll % 2 == 0)
row.bgColor = "#cccccc"
var scroll = row.insertCell(0);
scroll.width = "50px";
scroll.height = "40px";
if (data_urlID.length != 0)
scroll.innerHTML = data_scroll;
else
scroll.innerHTML = "";
scroll.style.fontSize = "14px";
scroll.align = "center";
var name = row.insertCell(1);
name.width = "150px";
name.innerHTML = data_name;
name.style.fontSize = "14px";
name.align = "center";
var kind = row.insertCell(2);
kind.width = "80px";
kind.innerHTML = data_kind;
kind.style.fontSize = "14px";
kind.align = "center";
var qualit = row.insertCell(3);
qualit.width = "110px";
qualit.innerHTML = data_qualit;
qualit.style.fontSize = "14px";
qualit.align = "center";