FF로 div의 가시성을 자바 스크립트로 어떻게 전환합니까? 나는 자바 스크립트를 사용하여 div 레이어의 가시성을 전환하기 위해 노력하고있어, 그래서

Question

을 (IE와 크롬은 잘 작동)이 다음과 같이 표시됩니다

document.all["layer1"].style.visibility='visible'; 

및

document.all["layer1"].style.visibility='hidden'; 

어떤 것 Firefox에서이 구문을 사용하려고하면이 구문이 생깁니 까? 그걸 알고 있다면 if 문을 추가하여 브라우저가 파이어 폭스인지 확인하고 대체 코드를 사용합니다.

Answer 1

document.all가 지원되지 않는 기능입니다 않으며, DOM의 사양에 인 (Here 더 그에서이다). 다른 방법으로 div를 잡아야합니다.

document.querySelector('div#layer1').style.visibility = 'hidden';  
document.querySelector('div#layer1').style.visibility = 'visible'; 

또는

document.getElementById('layer1').style.visibility = 'hidden'; 
document.getElementById('layer1').style.visibility = 'visible'; 

getElemenyById

querySelector

는 두 가지 방법이 있습니다.

Answer 2

document.all[]을 사용하지 마십시오. 모든 브라우저에서 지원되는 것은 아니며 대부분 IE4의 유물입니다. 대신 <div>의 id 속성에 액세스 할 수 document.getElementById()를 사용

document.getElementById("layer1").style.visibility = 'hidden'; 
document.getElementById("layer1").style.visibility = 'visible';