現在表示されているdivのIDを確認

Question

私は現時点で3つのdivで作業しています。デフォルトではpageLoadが表示されますが、ユーザーがボタンをクリックするとdivが非表示になり、選択したdivがその場所に表示されます。

ユーザーが現在選択しているdivを識別するifステートメントを作成するにはどうすればよいですか？例：

if selected_div is 'dpara' then .... 

else if selected_div is dtab then .... 

ありがとうございます！

<script type='text/javascript'> 
     function arrange(div_id) { 
      // First make all the divs hidden... 
      divs = document.getElementsByTagName('div'); 
      for(var i = 0; i < divs.length; i++) { 
       divs[i].style.display = 'none'; 
      } 

      // Now make the one we want to be visible visible... 
      document.getElementById(div_id).style.display = 'block'; 
     } 
    </script> 
    <form> 
     <input type='button' value='dpara' onclick='arrange(this.value);' /> 
     <input type='button' value='dtab' onclick='arrange(this.value);' /> 
     <input type='button' value='ddl' onclick='arrange(this.value);' /> 
    </form> 
    <div id='dpara'> 
    </div> 

    <div id='dtab' style='display: none'> 
    </div> 

    <div id='ddl' style='display: none'> 
    </div> 

Answer 1

あなたはすでにあなただけのようなもの、変数に見えるdivを保つことができるクリックし、各ボタンの機能を経由していたよう：

var visibleDiv; 

function arrange(divId) { 
    // Cache the passed in 'div' as the currently visible one 
    visibleDiv = document.getElementById(divId); 

    // First make all the divs hidden... 
    var divs = document.getElementsByTagName('div'), 
     i, 
     len; 

    for (i = 0, len = divs.length; i < len; i++) { 
     divs[i].style.display = 'none'; 
    } 

    // Now make the one we want to be visible visible... 
    visibleDiv.style.display = 'block'; 
} 

Answer 2

これは、ブラウザ間でこれを行うのに役立つJSライブラリを実装することをお勧めします。例えば、jQueryのは、ここで説明したように見えるかを決定することができます...

http://api.jquery.com/visible-selector/

Answer 3

起動時にdiv Sを特定し、それらに新しい機能を割り当てる：

$('#dpara')[0].myFunc = function() { ... } 
$('#dtab')[0].myFunc = function() { ... } 

今、あなたは

することができます

selected_div.myFunc(); 

選択したdivを見つける方法は？

$('div:visible')[0].myFunc(); 

PS：[0]はjQueryのリストからDOM要素を取得します:visibleセレクタを使用してください。