2014-07-24 4 views
0

toogle의 JavaScript는 Mozilla에서는 제대로 작동하지만 Google 크롬에서 작동하지 않습니다.Google 크롬에서 작동하지 않는 토글 JavaScript

<script type="text/javascript"> 
    function toggleMe(id) { 
    var image = document.getElementById(id); 
    if (id.style.display == "block") { 
    id.style.display = "none"; 
    } else { 
    id.style.display = "block"; 
    } 
    } 
</script> 

답변

0

난 당신이 문자열로 id (getElementById 기대하는 그 무엇을) 통과되는 코드에서 같은데요. 그런 다음 동일한 문자열에서 속성에 액세스합니다. 아마도 image 개체의 style 속성에 액세스하려고했을 것입니다.

<script type="text/javascript"> 
function toggleMe(id) { 
    var image = document.getElementById(id); 
    if(image.style.display == "block") { 
     image.style.display = "none"; 
    } else { 
     image.style.display = "block"; 
} 
</script> 
+0

예 자동 증가에 의한 id를 전달 중입니다. while 루프 ... mozila에서 제대로 표시되지만 크롬에서는 작동하지 않습니다 ... – pallavi

+0

문자열로 패 신인 이미지를 사용한 후 토글이 작동하지 않습니다. mozila도 – pallavi

+0

onmouseover 및 mouseout 함수를 호출합니다. – pallavi

0

이미지 대신 ID를 사용하고 있습니다.

<script type="text/javascript"> 
    function toggleMe(id) { 
    var image = document.getElementById(id); 
    if(image.style.display == "block") { 
     image.style.display = "none"; 
    } else { 
     image.style.display = "block"; 
    } 
    } 
</script> 

여기에 올바른 코드가 나와 있습니다. :)

+0

다른 이유는 무엇입니까? – MixedVeg

관련 문제