<Script Language="JavaScript">
<!--
function document.onclick() {
var obj = event.srcElement;
if(obj.tagName.toLowerCase()=="td") {
alert(obj.innerText);
}
}
//-->
</Script>
<!--
function document.onclick() {
var obj = event.srcElement;
if(obj.tagName.toLowerCase()=="td") {
alert(obj.innerText);
}
}
//-->
</Script>
如一行三列(但行数是不固定的,但每行都是三列,如第一行每列都有一个tab,但第二行只有第一列有tab),每列内都有一个table,只用一个事件,选中的tab加底色,其他tab不变(比如选中第一个tab加了底色,在选中第二个tab并变了底色,这时第一个tab变回原来的底色).如何知道点击了哪个table,谢谢
<!--
var preTable = null;function clickIt()
{
var obj = event.srcElement;
var tableObj = getElement(obj);
if(tableObj == null) return;
tableObj.style.backgroundColor = "#cccccc";
if(preTable)
preTable.style.backgroundColor = "#ffffff";
preTable = tableObj;
}function getElement(obj)
{
while(obj && obj.parentNode
&& obj.parentNode.parentNode
&& obj.parentNode.parentNode.parentNode
&& obj.parentNode.parentNode.parentNode.parentNode
&& obj.parentNode.parentNode.parentNode.parentNode.id == "tab")
{
obj = obj.parentNode;
}
if(obj.parentNode.parentNode.parentNode.id == "tab")
return null;
return obj;
}
//-->
</SCRIPT>
<table width="400" border="1" onclick="clickIt()" id="tab" cellspacing="0" cellpadding="0">
<tr>
<td height="30"><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table1</td>
</tr>
</table></td>
<td><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table2</td>
</tr>
</table></td>
<td><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table3</td>
</tr>
</table></td>
</tr>
<tr>
<td height="30"><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table1</td>
</tr>
</table></td>
<td><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table2</td>
</tr>
</table></td>
<td><table width="80" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>table3</td>
</tr>
</table></td>
</tr>
</table>