|M| 问幕白兄，DataGrid显示隐藏按钮,我把Button改为<A> js出错

Question

如本来的
<asp:TemplateField>
　　<ItemTemplate>
　　　　<input type="button" value="显示" onclick="GoShowDetail(this,1);" />
　　　　<input type="button" value="隐藏"  onclick="GoShowDetail(this,2);" />
　　</ItemTemplate>
</asp:TemplateField>
<script type="text/javascript">
 function GoShowDetail(btn,i)
 {
    var tr = btn.parentElement.parentElement.nextSibling;
    
    tr.style.display = (i==1)?"":"none";
    window.parent
 }
</script>
上面的可行　　　　　　　／／
但我改为
<ItemTemplate>
　　<a href="javascript:GoShowDetail(this,1);">显示</a>
　　<a href="javascript:GoShowDetail(this,2);">隐藏</a> 
</ItemTemplate>
这个时候提示：btn.parentElement.parentElement为空或不是对像
然后我把
btn.parentElement.parentElement
改为
btn.parent.parent 可以找到对像
但是提示：tr.style为空或不是对像谢谢要怎么改
还有.parentElement　.parent
有什么区别

Answer 1

parentElement是DOM的标准操作指令，parent不是。你不知道parent指什么，自然tr也就不一定是指真的<tr />。其实你用Firefox加上一个你喜欢的JavaScript Debugger调试一下不就好咯，这是很容易的事情啊，一个好的JavaScript Debugger能够好像VS2005那样直接显示一个变量的实值是什么。或者，等VS2007，VS2007内置强大的JavaScript Debugger，呵呵……

Answer 2

<ItemTemplate>
　　<a href="#" onclick="javascript:GoShowDetail(this,1);">显示</a>
　　<a href="#" onclick="javascript:GoShowDetail(this,2);">隐藏</a> 
</ItemTemplate>

Answer 3

<ItemTemplate>
　　<a href="#" onclick="GoShowDetail(this,1);">显示</a>
　　<a href="#" onclick="GoShowDetail(this,2);">隐藏</a> 
</ItemTemplate>

Answer 4

楼上可以。
那parentElement　.parent
有什么区别谢谢

Answer 5

LZ还是学下DHTML,下面是DHTML参考手册(自己看吧):
http://www.gimoo.net/html/DHTML/

Answer 6

下载地址:
http://www.zzbest.net/WebDesign/fwzc/Download/0vyele1j/57s5fja4.html