获得菜单中的值

<div id="firstpane" class="menu_list" onclick="Void()">  
  <p class="menu_head">菜单1</p>  
    <div class="menu_body">  
    <a href="#">子菜单11</a>  
    <a href="#">子菜单12</a>  
    <a href="#">子菜单13</a>  
    </div>  
 <p class="menu_head">菜单2</p>  
    <div class="menu_body">  
    <a href="#">子菜单21</a>  
    <a href="#">子菜单22</a>  
    <a href="#">子菜单23</a>  
    </div>  
<p class="menu_head">菜单3</p>  
    <div class="menu_body">  
    <a href="#">子菜单31</a>  
    <a href="#">子菜单32</a>  
    <a href="#">子菜单33</a>  
    </div>  
<p class="menu_head">菜单4</p>  
    <div class="menu_body">  
    <a href="#">子菜单41</a>  
    <a href="#">子菜单42</a>  
    <a href="#">子菜单43</a>  
    </div>  
<p class="menu_head">菜单5</p>  
    <div class="menu_body">  
    <a href="#">子菜单51</a>  
    <a href="#">子菜单52</a>  
    <a href="#">子菜单53</a>  
    </div>  
 <p class="menu_head">菜单6</p>  
    <div class="menu_body">  
    <a href="#">子菜单61</a>  
    <a href="#">子菜单62</a>  
    <a href="#">子菜单63</a>  
    </div>  
<p class="menu_head">菜单7</p>  
    <div class="menu_body">  
    <a href="#">子菜单71</a>  
    <a href="#">子菜单72</a>  
    <a href="#">子菜单73</a>  
    </div>  
<p class="menu_head">菜单8</p>  
    <div class="menu_body">  
    <a href="#">子菜单81</a>  
    <a href="#">子菜单82</a>  
    <a href="#">子菜单83</a>  
    </div> 
</div>        1.   当我点击 菜单3时 获得值为：菜单3  如果点击菜单7下的子菜单1时 得到值：子菜单71？
      2.   如果后天有一个方法 例如 SeearchInfo(string VoidName)， 需要将获得的值传入 请问如何在 js 中调用后天的方法并且将获得值传入到这个方法中。
         

解决方案 »

  1.   

    建议用Jquery，问题迎刃而解。实在要用那就要为所有的a标签编写脚本绑定单击事件，再监听了。。
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="javascript">
    window.onload = function(){
    var p = document.getElementsByTagName('p');
    for(i=0;i<p.length;i++){
    p[i].onclick = function(){
    alert(this.innerText);
    }
    }
    var a = document.getElementsByTagName('a');
    for(i=0;i<a.length;i++){
    a[i].onclick = function(){
    alert(this.innerText);
    return false;
    }
    }
    };
    </script>
    </HEAD><BODY>
      <div id="firstpane" class="menu_list" onclick="">   
      <p class="menu_head">菜单1</p>   
      <div class="menu_body">   
      <a href="#">子菜单11</a>   
      <a href="#">子菜单12</a>   
      <a href="#">子菜单13</a>   
      </div>   
     <p class="menu_head">菜单2</p>   
      <div class="menu_body">   
      <a href="#">子菜单21</a>   
      <a href="#">子菜单22</a>   
      <a href="#">子菜单23</a>   
      </div>   
    <p class="menu_head">菜单3</p>   
      <div class="menu_body">   
      <a href="#">子菜单31</a>   
      <a href="#">子菜单32</a>   
      <a href="#">子菜单33</a>   
      </div>   
    <p class="menu_head">菜单4</p>   
      <div class="menu_body">   
      <a href="#">子菜单41</a>   
      <a href="#">子菜单42</a>   
      <a href="#">子菜单43</a>   
      </div>   
    <p class="menu_head">菜单5</p>   
      <div class="menu_body">   
      <a href="#">子菜单51</a>   
      <a href="#">子菜单52</a>   
      <a href="#">子菜单53</a>   
      </div>   
     <p class="menu_head">菜单6</p>   
      <div class="menu_body">   
      <a href="#">子菜单61</a>   
      <a href="#">子菜单62</a>   
      <a href="#">子菜单63</a>   
      </div>   
    <p class="menu_head">菜单7</p>   
      <div class="menu_body">   
      <a href="#">子菜单71</a>   
      <a href="#">子菜单72</a>   
      <a href="#">子菜单73</a>   
      </div>   
    <p class="menu_head">菜单8</p>   
      <div class="menu_body">   
      <a href="#">子菜单81</a>   
      <a href="#">子菜单82</a>   
      <a href="#">子菜单83</a>   
      </div>  
    </div>   </BODY>
    </HTML>
      

  3.   

     用 JS 调用后台的方法（例如：GetAllInfoByname(string filename)） 将获得的值作为参数进行传递。谢谢！
      

  4.   

    var p = document.getElement('firstpane').getElementsByTagName('p');
            for(i=0;i<p.length;i++){
                p[i].onclick = function(){
                    alert(this.innerText);
                }
            }
            var test = document.getElement('firstpane').getElementsByTagName('a');
            for(i=0;i<a.length;i++){
                test[i].onclick = function(){
                    alert(this.innerText);
                    return false;
                }
            }