클릭했을 때 보이지 않는 아이콘을 만들려고 노력하고

Question

호환성 모드 IE9에 숨겨진 아이콘을 만들기 위해 노력하는 것은, 내 HTML은 다음과 같습니다

function clicked() 
{ 
    document.getElementById("imgTop").hidden=""; 
    ..... 
} 

Firefox와 Chrome에서는 잘 작동하지만 호환 모드에서는 IE 9에서는 작동하지 않습니다. 나는 다른 여러 가지 방법을 사용하여 시도했다. (예 : this을 전달하고 CSS 스타일 display을 사용했다.) 그러나 아무 것도 작동하지 않는 것처럼 보인다.

Answer 1

이 원하는 효과 다음 경우 당신이 그렇게 다른 요소는 공간이 당신이 대신 다음과 같은 작업을 수행 할 수있어 그것으로 전환 할 수 있습니다 "붕괴"요소하려는 경우 당신은 갈 수 있습니다 당신은 옵션이 visibility:hidden; 또는 display:none;

표시 없음-Example

function clicked() { 
    document.getElementById("imgTop").style.display = "none"; 
} 

가 가시성 숨겨진 - Example

function clicked() { 
    document.getElementById("imgTop").style.visibility = "hidden"; 
} 

---

숨겨진 가시성의 차이를 아무도 표시하지 :

가시성을 : 숨겨진 요소를 숨 깁니다,하지만 여전히 에서 공간을 차지 배치.

디스플레이 : 없음은 요소를 문서에서 완전히 제거합니다. 심지어 은 아직 HTML이 소스 코드 인 에 있지만 공간을 차지하지 않습니다.

Source

Answer 2

당신과 같이, "hidden"에 style.visibility 속성을 설정 나을 것 :

document.getElementById("imgTop").style.visibility = "hidden"; 

Here is a working example

당신은 그 visibility"hidden"에이 요소를 숨길 여전히에 보관됩니다 초기 설정하지만주의해야한다 문서 흐름 - 절대 위치 지정이나 부동 등이없는 한 공간을 차지합니다.

document.getElementById("imgTop").style.display = "none"; 

Here is another example