InnerHTMLによる暗黙的な効果の実現-2つの実現方法


最近JavaScriptに興味があるのは、JAVAとの差が少ないからかもしれません.もともといくつかのホームページの上の隠れた効果を見て、心理面は本当に感心して、自分ができると思って爽やかになりました.今innerHTMLに対して少し理解して、これをするのは比较的に简単で、以下は私が自分で游びに来た1つの例で、私はあなたが见た后に信じて、もしあなたがもとはやったことがないならば、私はあなたが“もとはこんなに简単です!!”:
ここで補足したいのは、Javascriptに対するブラウザのサポートが異なることです.ここではFireFoxとマイクロソフトのブラウザを比較しましたが、マイクロソフトのブラウザの実現効果の下で、FireFoxの下では実現できないものもあります.

<html>
<head>
<title>
</title>
<script>
//                innerHTML     
//              。             
function tClick(id)
{
 var str=''; 
 if(id==1)
 {
  str='<a href=# onclick=t(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=t(1)>--></a>';
 }
 window.testClick.innerHTML=str;
}
//          ,              。FireFox       ,        ,         。
function hello(obj,idStr)
{
 var d=document.getElementById(idStr);
 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>