자바 스크립트 함수 document.getElementById()

Question

함수에 전달 된 매개 변수 (테이블 이름)를 사용하여 테이블의 스타일을 변경하는 함수를 만들려고했습니다. 아래에 표시된 것처럼 내 코드에 무엇이 잘못된 것인지 잘 모르겠습니다. 아래에서 올바르게 매개 변수를 사용하고 있습니까? 매개 변수는 테이블의 실제 이름입니다. 그것은 작동하지 않는 것 같습니다. $을 사용하여 따옴표를 넣으려고했지만 작동하지 않습니다. 내가 잘못 사용하고 있습니까?

<script language='JavaScript' type='text/javascript'> 
    function sizeTbl(table) 
    {           
     var tbl = document.getElementById(table); 

     if(tbl.style.display == 'table-row') 
     { 
      tbl.style.display = 'none'; 
     } 
     else 
     { 
      tbl.style.display = 'table-row'; 
     } 
    } 
</script> 

나는 사용하여이 함수를 호출하고 다음

<a href='javascript:sizeTbl("tbl0")'>View</a> 

또는

<a href='javascript:sizeTbl("tbl1")'>View</a> 

등 내가 보여주고 사용하여 테이블에 추가 행을 숨기기 위해 노력하고

이 함수. 매개 변수는 따옴표로 감싸 야 함수에

<table> 
    <tr><a href='javascript:sizeTbl(tb10)'>Click Here to show the hidden row</a></tr> 
    <tr id="tbl0" style='display:none'><td>Initially Hidden Row</td></tr>; 
</table> 

Answer 1

당신은

function sizeTbl(table) 
    {           
     var tbl= document.getElementsByName(table)[0]; 

     if(tbl.style.display == 'table-row') 
     { 
      tbl.style.display = 'none'; 
     } 
     else 
     { 
      tbl.style.display = 'table-row'; 
     } 
    } 

Answer 2

통화 :

<a href='javascript:sizeTbl("tbl0")'>View</a> 
          ^^