有如下html文档:
1<html>
2<head><title>Demo</title></head>
3<body>
4<table id="objTable">
5<tr><td>line1</td></tr>
6<tr><td>line2</td></tr>
7<tr><td><img id="obj" src="demo.gif"/></td></tr>
8</table></body>
9</html>
问:
如何javascript(vbscript)从obj对象中得到他的上一级table对象objTable?
---------------------------------------------------------------
parentElement
---------------------------------------------------------------
obj.parentElement -> TD
obj.parentElement.parentElement -> TR
obj.parentElement.parentElement.parentElement -> TBODY
obj.parentElement.parentElement.parentElement.parentElement -> TABLE
---------------------------------------------------------------
1<script id="clientEventHandlersJS" language="javascript">
2<!--
3function IMG1_onclick()
4{
5window.alert(IMG1.parentElement.id)
6window.alert(IMG1.parentElement.parentElement.id)
7window.alert(IMG1.parentElement.parentElement.parentElement.id)
8window.alert(IMG1.parentElement.parentElement.parentElement.parentElement.id)
9}
10</script>
1<table id="tbTest">
2<tr id="tr">
3<td></td>
4<td></td>
5<td id="td">
6<img alt="" id="IMG1" language="javascript" onclick="return IMG1_onclick()" src=""/>
7</td>
8</tr>
9</table>
==============================================================================
ssm1226,整理添加
获取父table对象,就可以操作其各种属性及方法
1<script language="javascript">
2<!--
3function IMG1_onclick()
4{
5var objParentT=event.srcElement.parentElement.parentElement.parentElement;
6alert(objParentT.innerHTML)
7
8}
9//-->
10</script>
1<table id="tbTest">
2<tr id="tr">
3<td></td>
4<td></td>
5<td id="td">
6<img alt="" id="IMG1" language="javascript" onclick="return IMG1_onclick()" src=""/>
7</td>
8</tr>
9</table>