利用innerHTML实现隐显效果-两种实现方法
<html><head><title></title><script>//这种方式是通过显示条件判定来决定innerHTML的显示内容//这里显示的内容是原来不存在的。这个方法只支持微软的浏览器function tClick(id){ //alert(window.testClick.innerHTML); var str='';if(id==1) {str='<a href=# onclick=tClick(2)><--</a>';str+='<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';str+='1、你好';str+='<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';str+='2、欢迎光临'; } else {str='<a href=# onclick=tClick(1)>--></a>'; } window.testClick.innerHTML=str;}//这种方式通过条件确定，是否把已经存在的东西显示出来。FireFox可以支持该方法，为了程序的移植性，最好选用这一种方式。function hello(obj,idStr){ var d=document.getElementById(idStr); //alert(d.style.display); if(d.style.display=='none') {d.style.display='block';obj.innerHTML='回去'; } else {d.style.display='none';obj.innerHTML='出来'; }}</script></head><body><table><tr><td id=testClick> <a href=# onclick=tClick(1)>--></a></td></tr><tr><td> <a href=# onclick=hello(this,'helloddd')>出来</a> <dd id=helloddd style=display:none>你好 </dd></td></tr></body></html>
页:
[1]