프로그래밍/ASP, Javascript
파이어폭스와 IE에서 동작하는 style.display
멍멍대왕
2007. 11. 16. 02:45
function showplatformrow()
{
if (SearchForm.ItemType.selectedIndex == 1)
{ document.getElementById('ProductRow').style.display = 'block'; }
else
{
SearchForm.Platform.selectedIndex = 0;
document.getElementById('ProductRow').style.display = 'none';
}
}
일반적으로 위의 코드처럼 style.display='block' 하고 style.display='none'를 많이들 사용한다.
그러나 <tr> 부분을 지정해두고 block , none을 반복해보면 파이어폭스에서는 이상한 일이 발생하는것을 살펴볼 수가 있다.
여기에서 문제는 block 부분이다. style.display='block'을 style.display='' 이렇게 변경하면 IE와 파이어폭스에서 모두 정상적으로 동작하는것을 볼수있다.