[자바스크립트] display 옵션 정리 - display옵션 사용시 테이블 안에 스타일 깨지는 현상

이번에 내부 프로젝트를 수행하며 자바스크립트의 display 옵션을 통해 각 아이템들의 보이기/감추기를 조정할 때에 익스플로러 10버전 까지는 괜찮았으나 11버전에서는 테이블 안의 tr 안의 내용이 깨지는 것을 확인하였습니다. 제가 사용하였던 옵션은 1$("#Area").css("display", "block"); 과2$("#Area").css("display", "none"); 이었는데, 처음화면에서는 제대로 출력이 되었던 영역이 none 옵션 후 감추고 block옵션으로 다시 보여줬더니 스타일이 깨지더군요. 영역 안에 또 다른 div가 있어서 그 div의 문제일까 라는 생각도 했었고 테이블이다보니 colspan이 제대로 안 먹혔었나해서 계속해서 수정을 했었는데 제대로 구동이 안되더군요. 약간의 구글링..

2014.07.01