动态添加Html单元格时，事件怎么写？如mouseover事件

最新推荐文章于 2023-02-02 10:41:19 发布

weixin_33860147

最新推荐文章于 2023-02-02 10:41:19 发布

阅读量82

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/icejd/archive/2007/11/01/945855.html

本文介绍如何在动态创建HTML表格单元格的同时添加mouseover事件，通过JavaScript实现鼠标悬停时改变背景色的效果。

动态添加Html单元格时，事件怎么写？如mouseover事件
tr=Grid1.insertRow(Grid1.rows.length);
td=tr.insertCell();
td.innerText="a";
td=tr.insertCell();
td.innerText="b";
比如要在经过这一行时，怎么写mouseover事件？
======================================================

function add() {

tr=Grid1.insertRow();
td=tr.insertCell();
td.innerText="a";
td=tr.insertCell();
td.innerText="b";
tr.attachEvent('onmouseover',c1);
tr.attachEvent('onmouseout',c2);
//document.all.Grid1.rows[0].onmouseover=c();
}

function c1() { var t=event.srcElement.parentElement; t.style.backgroundColor="#dedede"; }

function c2() { var t=event.srcElement.parentElement; t.style.backgroundColor=""; }

转载于:https://www.cnblogs.com/icejd/archive/2007/11/01/945855.html