如何得到上一级的document object

有如下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>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus