js问题 分层现实

下面的代码已经实现了要现实的功能 
但是我要现实的很多   
js代码要写很多  
我想了另外一个办法  
但是失败了    
大家帮我看看....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>chapter1</title><script language="javascript">
<!--
function showdiv1(){
 if(document.getElementById('l1').style.display=='none'){
   document.getElementById('l1').style.display='';
   document.getElementById('m1').innerHTML='关闭';
}
else{
     document.getElementById('l1').style.display='none';
   document.getElementById('m1').innerHTML='参考答案';
}
}
function showdiv2(){
 if(document.getElementById('l2').style.display=='none'){
   document.getElementById('l2').style.display='';
   document.getElementById('m2').innerHTML='关闭';
}
else{
     document.getElementById('l2').style.display='none';
   document.getElementById('m2').innerHTML='参考答案';
}
}
function showdiv3(){
 if(document.getElementById('l3').style.display=='none'){
   document.getElementById('l3').style.display='';
   document.getElementById('m3').innerHTML='关闭';
}
else{
     document.getElementById('l3').style.display='none';
   document.getElementById('m3').innerHTML='参考答案';
}
}
//-->
</script>
</head>
<body>
<p class="STYLE6">第一章 教育技术概述 </p>
一　简答题<br />
１．试说出与教育技术学的形成与发展密切相关的３个主要方面．<a href=# onclick="showdiv1()"> <font color="red" id="m1">参考答案</font></a><br />
<div id="l1" style="display:none">
  <table width="611" height="66" bordercolor="#000000">
<tr>
<td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
</tr>
</table></div>
２．试说出视听传播理论对教育技术观念的３条主要贡献．<a href=# onclick="showdiv2()"> <font color="red" id="m2">参考答案</font></a><br />
<div id="l2" style="display:none">
  <table width="611" height="66" bordercolor="#000000">
<tr>
<td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
</tr>
</table></div>
３．简述１９９４年美国教育传播与技术协会（ＡＥＣＴ）发表的教育技术定义的内容．<br />
４．简述我过教育技术发展取得的主要经验．<br />
５．信息加工学习原理可以描述为哪４个方面的内容？<br />
６．人本主义学习理论主要包括哪４个要素？<br />
７．简述现代建构注意观的学习具有哪６个特征？<br />
８．简述香农－－施拉姆模式和施拉姆模式的内容．<br />
９．简述考夫曼的教育应用模式．<br />
１０．简述发现学习有哪４项优势和作用？<br />
二．论述题<br />
１．试述美国教育部教研室突出的建构主义在学校的教与学中的９个应用要点．<br />
２．试述罗杰斯列举的１０种有助于促进学生学习的教学策略方式．
</body></html>

解决方案 »

  1.   

    修改后的
    失败的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>chapter1</title><script language="javascript">
    <!--
    function showdiv(int m){
    var str1,str2;str1="l"+m;str2="m"+m;
     if(document.getElementById(str1).style.display=='none'){
       document.getElementById(str1).style.display='';
       document.getElementById(str2).innerHTML='关闭';
    }
    else{
         document.getElementById(str1).style.display='none';
       document.getElementById(str2).innerHTML='参考答案';
    }}
    }
    //-->
    </script>
    </head>
    <body>
    <p class="STYLE6">第一章 教育技术概述 </p>
    一　简答题<br />
    １．试说出与教育技术学的形成与发展密切相关的３个主要方面．<a href=# onclick="showdiv(1)"> <font color="red" id="m1">参考答案</font></a><br />
    <div id="l1" style="display:none">
      <table width="611" height="66" bordercolor="#000000">
    <tr>
    <td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
    </tr>
    </table></div>
    ２．试说出视听传播理论对教育技术观念的３条主要贡献．<a href=# onclick="showdiv(2)"> <font color="red" id="m2">参考答案</font></a><br />
    <div id="l2" style="display:none">
      <table width="611" height="66" bordercolor="#000000">
    <tr>
    <td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
    </tr>
    </table></div>
    ３．简述１９９４年美国教育传播与技术协会（ＡＥＣＴ）发表的教育技术定义的内容．<br />
    ４．简述我过教育技术发展取得的主要经验．<br />
    ５．信息加工学习原理可以描述为哪４个方面的内容？<br />
    ６．人本主义学习理论主要包括哪４个要素？<br />
    ７．简述现代建构注意观的学习具有哪６个特征？<br />
    ８．简述香农－－施拉姆模式和施拉姆模式的内容．<br />
    ９．简述考夫曼的教育应用模式．<br />
    １０．简述发现学习有哪４项优势和作用？<br />
    二．论述题<br />
    １．试述美国教育部教研室突出的建构主义在学校的教与学中的９个应用要点．<br />
    ２．试述罗杰斯列举的１０种有助于促进学生学习的教学策略方式．
    </body></html>
      

  2.   

    function showdiv(int m){
    var str1="l"+m; 
    var str2="m"+m;
     if(document.getElementById(str1).style.display=='none'){
       document.getElementById(str1).style.display='block';
       document.getElementById(str2).innerHTML='关闭';
    }
    else{
         document.getElementById(str1).style.display='none';
       document.getElementById(str2).innerHTML='参考答案';
    }}
    }
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>chapter1</title><script language="javascript">
    <!--
    function showdiv(m){//js是弱类型语言，参数不要类型的；int m 错误的，直接传递即可
    var str1,str2;str1="l"+m;str2="m"+m;
     if(document.getElementById(str1).style.display=='none'){
       document.getElementById(str1).style.display='';
       document.getElementById(str2).innerHTML='关闭';
    }
    else{
         document.getElementById(str1).style.display='none';
       document.getElementById(str2).innerHTML='参考答案';
    }}//这里多了个“}”注意
    //-->
    </script>
    </head>
    <body>
    <p class="STYLE6">第一章 教育技术概述 </p>
    一　简答题<br />
    １．试说出与教育技术学的形成与发展密切相关的３个主要方面．<a href=# onclick="showdiv(1)"> <font color="red" id="m1">参考答案</font></a><br />
    <div id="l1" style="display:none">
      <table width="611" height="66" bordercolor="#000000">
    <tr>
    <td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
    </tr>
    </table></div>
    ２．试说出视听传播理论对教育技术观念的３条主要贡献．<a href=# onclick="showdiv(2)"> <font color="red" id="m2">参考答案</font></a><br />
    <div id="l2" style="display:none">
      <table width="611" height="66" bordercolor="#000000">
    <tr>
    <td width="623" align="left" valign="top"><span class="STYLE7">答：１视听教学运动推进了各类学习资源在教学中的应用．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;２个别化教学促进了以学习者为中心的个性化教学技术的形成．<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;３教学系统方法的发展促进了教育技术理论核心－－教学设计学科的诞生。</span></td>
    </tr>
    </table></div>
    ３．简述１９９４年美国教育传播与技术协会（ＡＥＣＴ）发表的教育技术定义的内容．<br />
    ４．简述我过教育技术发展取得的主要经验．<br />
    ５．信息加工学习原理可以描述为哪４个方面的内容？<br />
    ６．人本主义学习理论主要包括哪４个要素？<br />
    ７．简述现代建构注意观的学习具有哪６个特征？<br />
    ８．简述香农－－施拉姆模式和施拉姆模式的内容．<br />
    ９．简述考夫曼的教育应用模式．<br />
    １０．简述发现学习有哪４项优势和作用？<br />
    二．论述题<br />
    １．试述美国教育部教研室突出的建构主义在学校的教与学中的９个应用要点．<br />
    ２．试述罗杰斯列举的１０种有助于促进学生学习的教学策略方式．
    </body></html>
    上面的代码测试通过
      

  4.   

    嗯 谢谢了  int这里出错