JavaScript로 "입력 유형 텍스트"를 숨기려면 어떻게해야합니까?

Question

<input type="text" value="Text box"/> 
<input type="button" onclick="toggle();"/> 

JavaScript로 텍스트 상자를 사라지게하고 다시 표시하려면 어떻게합니까? 당신의 입력 태그에 "ID"요소를 제공하고 버튼의 자바 스크립트 함수의 호출이 'ID를'통과, 이제

<script> 
function toogle(id) { 
     if (document.getElementById(id).style.visibility = 'hidden') { 
      document.getElementById(id).style.visibility = 'visible'; 
     } else { 
      document.getElementById(id).style.visibility = 'hidden' 
     } 
} 
</script> 

:

Answer 1

자바 스크립트 :

function toggle() { 
    var element=document.getElementById('element1'); 

    if (element.style.display!='none') { 
    element.style.display='none'; 
    } else { 
    element.style.display=''; 
    } 
} 

HTML

:

<input id="element1" type="text" value="Text box"/> 
<input type="button" onclick="toggle();"/> 

Answer 2

페이지에이 코드를 넣어. 뭔가 같은 :

<input id="element1" type="text" value="Text box"/> 
<input type="button" onclick="toggle('element1');"/> 

Answer 3

JQuery와 일부 내장 기능이에 대한 좋은 제공 :

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
    function toggle() { 
     $('#element1').toggle(); 
    }  
</script>