问如何通过html将参数传递给函数并通过javascript进行访问？

EN

       <div class="tab"  id="tab-1" onclick="switch_tab(1)">
            <a class="tab-text"  href="">ABC</a>
        </div>
        <div class="tab" id="tab-2" onclick="switch_tab(2)">
            <a class="tab-text" href="">XYZ</a>
        </div>
        <div id="content">
          <div id="content-abc"> ... </div>
          <div id="content-xyz"> ... </div>
        </div>

        function switch_tab(index) {    
         switch(index) {
          case 1:
              hide_content("content-xyz");
              show_content("content-abc");
              break;
          case 2:
              hide_content("content-abc");
              show_content("content-xyz");
              break;
         }
        }

        function show_content(idname) {
         document.getElementById(idname).style.display = "block";
        }

        function hide_content(idname) {
         document.getElementById(idname).style.display = "none";
        }