请问高手，js中如何获取鼠标移动到表格的某个单元格时，获取行对象，即TR标签？感激不尽！
展开全部
td你能取到吧？td.parentNode就是td所在行对象。
———————————————升蠢—————————
回复 何愁山高水深：都有，如果你给单元格、行以及表格都添加鼠标经过事件，则吵旦陪三个事件都会触发。你所谓的第一个源是什么意思？判断事件源是什么，td、tr，还是table？可以获取事件源的tagName，比如在方法里加上alert(event.srcElement.tagName)，就知道触发这个事件的事件源是什么标签，不过这些都是没用的工作。
___________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
table,tr,td{
border:1px solid black;
border-collapse:collapse;
}
td{
width:30px;
height:20px;
text-align:center;
cursor:pointer;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function(){
var tab = document.getElementById("tab").rows;//all rows of tab;
var i=0;
var len = tab.length;
for(;i<len;i++){
tab[i].onmouseover=function(){// onmouseover event
this.style.backgroundColor = "#ccc";
}
tab[i].onmouseout=function(){// onmouseout event
this.style.backgroundColor = "#fff";
}
}
}
//-->
</SCRIPT>
<BODY>
<table id="tab">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</迟绝td>
</tr>
</table>
</BODY>
</HTML>
———————————————升蠢—————————
回复 何愁山高水深：都有，如果你给单元格、行以及表格都添加鼠标经过事件，则吵旦陪三个事件都会触发。你所谓的第一个源是什么意思？判断事件源是什么，td、tr，还是table？可以获取事件源的tagName，比如在方法里加上alert(event.srcElement.tagName)，就知道触发这个事件的事件源是什么标签，不过这些都是没用的工作。
___________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
table,tr,td{
border:1px solid black;
border-collapse:collapse;
}
td{
width:30px;
height:20px;
text-align:center;
cursor:pointer;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function(){
var tab = document.getElementById("tab").rows;//all rows of tab;
var i=0;
var len = tab.length;
for(;i<len;i++){
tab[i].onmouseover=function(){// onmouseover event
this.style.backgroundColor = "#ccc";
}
tab[i].onmouseout=function(){// onmouseout event
this.style.backgroundColor = "#fff";
}
}
}
//-->
</SCRIPT>
<BODY>
<table id="tab">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</迟绝td>
</tr>
</table>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
