JS実戦編の収縮メニューフォームレイアウト

2039 ワード

取得ノードの2つの方法:
    1、イベント対象のsrcellement属性;
    2、イベントのソースオブジェクトを通してthisで伝えられます.
コードは以下の通りです



  
  
  
    function list(dtNode){
      // var dtNode = event.srcElement;
      var dlNode = dtNode.parentNode;
      // alert(dtNode.nodeName+"---"+dlNode.nodeName);
      var dlNodes = document.getElementsByTagName("dl");
      // alert(dlNodes.length);
      for(var i=0; i<dlNodes.length; i++){
        if(dlNodes[i] == dlNode){
          /*               ,    ,   else  */
          if(dlNode.className == "open"){
            dlNode.className = "close";
          }
          else{
            dlNode.className = "open";
          }
        }
        else{
          dlNodes[i].className = "close";
        }
      }
    }
  
  

  

  
  
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.
今日はいい天気です.