javascript를 사용하여 런타임에 이미지를 숨기는 방법은 무엇입니까?

Question

내 html5 파일에 Windows 8 현대 애플 리케이션에서 두 이미지 태그를 정의했다. 첫 번째 이미지의 이름은 이전이며 다른 이미지의 이름은 다음입니다. 응용 프로그램이 처음으로로드되면 '이전'이미지가 표시되지 않고 '다음'이미지가 표시되어야합니다.

이미지를 모두 할당하지 않았으며 응용 프로그램이 처음으로 일부 이미지를로드 할 때 '다음'이미지를 할당하고 성공적으로로드합니다. 그러나 '이전'이미지 아이콘이 사각형 모양 인 경우 여전히 여기에 아무것도 표시하고 싶지 않습니다. 또한 나중에 '다음'이미지를 완전히 숨기고 싶습니다.

두 경우 모두 소스를 지정하지 않을 때 사각형 모양이 표시됩니다.

대신 이미지를 숨겨서 아무 것도 표시되지 않도록하는 방법에 대한 제안.

Answer 1

style.visibility 속성은 어떻게 설정하나요?

var mImg = document.getElementById('idOfFirstImage'); 
mImg.style.visibility = "hidden"; 

mImg = document.getElementById('idOfSecondImage'); 
mImg.style.visibility = 'visible';