자바 스크립트를 사용하여 이미지를 숨기고 표시합니다.

<script> 
function showhide() { 
document.getElementById('someimage').style.visibility="hidden"; 
     } 
</script>

지금은 이미지를 숨길 수 있지만 다시 표시 할 방법이 없습니다. javascript를 사용하여 버튼을 클릭 할 때 이미지를 숨기고 표시 할 수 있습니까? - http://jsfiddle.net/PbG3t/자바 스크립트를 사용하여 이미지를 숨기고 표시합니다.

$(function() { 
    $('#button').click(function() { 
     $('#someimage').toggle(); 
    }); 
});

출처

2013-02-25 Nihghel Hassans

@Guy 아마 영업 이익은 약간 비 대한 라이브러리를 사용하지 않는? – PeeHaa

@PeeHaa, 아마도. – gmaliar

jQuery.toggle()에 대해 들어 보셨습니까? http://api.jquery.com/toggle/ 문제를 해결할 것입니다. 모든 코드 구현이 완료 될 때까지 이러한 간단한 문제에 대해 사용하는 것이 좋습니다. – gmaliar

의 불가 :

다음은 버튼입니다.

function showhide() { 
    var img = document.getElementById('someimage'); 
    if (img.style.visibility === 'hidden') { 
     // Currently hidden, make it visible 
     img.style.visibility = "visible"; 
    } else { 
     // Currently visible, make it hidden 
     img.style.visibility = "hidden"; 
    } 
}

그리고 제안하는 모든 사람들에게 jQuery를에 대한 빠른 노트.

이와 같은 간단한 일을 위해 큰 DOM 조작 라이브러리를 포함 할 필요가 없습니다. 보다 복잡한 애플리케이션에서 이와 같이 많은 DOM 조작을 수행하는 경우 jQuery가 포함하는 것이 더 적합합니다.

그러나 jQuery를 사용할 때 사용자를 위해 무엇을하는지 이해하는 것도 중요합니다.

출처

2013-02-25 21:41:24 gmaliar

단순히 현재의 상태가 무엇인지 확인하고 그에 따라 행동의 jQuery

<body> 
<input type="button" onclick="showhide()" /> 
</body>

출처

2013-02-25 21:41:28

당신이 jQuery를 사용하는 경우, 당신은 일을 많이 단순화 (.toggle) 방법을 사용할 수 있습니다 : 당신이 손으로 만들어진 솔루션을 고수 할 경우

$('#someimage').toggle();

, 나는 코드가 실제로없는 생각을 요소의 가시성을 다시 가시로 설정하는 결정 비트. 시도 :

는

<script> 
    function showhide() { 
     var element = document.getElementById('someimage'); 
     element.style.visibility = element.style.visibility == 'visible' 
      ? 'hidden' 
      : 'visible'; 
    } 
</script>

환호, 알렉스

출처

2013-02-25 21:44:45

자바 스크립트를 사용하여 이미지를 숨기고 표시합니다.

답변

관련 문제