p289ieonly_modifying_content.htm

来自「javascript source code part2」· HTM 代码 · 共 43 行

HTM
43
字号
<HTML>
   <HEAD>
      <SCRIPT>
         var hairy_exposed = false;
         var scaly_exposed = false;
         var bugs_exposed = false;

         function show_details(obj)
         {
            if ( eval(obj.id+"_exposed" ) == false )   // show the exploded list
            {
               obj.insertAdjacentHTML("BeforeEnd", document.all[obj.id+"_list"].innerHTML);
eval(obj.id+"_exposed=true");

            }
            else                                       // collapse the list
            {
               obj.children[0].outerHTML='';
               eval(obj.id+"_exposed=false");
            }
         }
      </SCRIPT>
   </HEAD>
   <BODY>
      <DIV ID="hairy_list" STYLE="display: none">
         <UL> <LI> Mammals <LI> Marsupials <LI> Monotremes </UL>
      </DIV>
      <DIV ID="scaly_list" STYLE="display: none">
         <UL> <LI> Fish <LI> Reptiles <LI> Birds .. sort of </UL>
      </DIV>
      <DIV ID="bugs_list" STYLE="display: none">
         <UL> <LI> Creepy crawlies <LI> Stinging things
              <LI> Slugs and stuff <LI> Ugh - Germs </UL>
      </DIV>
      <H2> Amateur's guide to the animal kingdom</H2>
      <UL>
         <LI ID="hairy" ONCLICK="show_details(this)">Hairy things</LI>
         <LI ID="scaly" ONCLICK="show_details(this)">Scaly things</LI>
         <LI ID="bugs" ONCLICK="show_details(this)">Bugs</LI>
      </UL>
   </BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?