innerHTML에서 런타임 오류가 발생할 경우

간혹 Javascript코딩을 하다보면 특정 영역의 내용을 치환해야하는 경우가 있다

이럴때 주로 innerHTML을 사용하게 되는데

이 innerHTML 사용시에 "알 수 없는 런타임 오류"가 발생하는 경우가 있다.

 

주로 아래와 같은 경우에 에러가 발생한다.

 

특히 IE에서 발생하고 FF에서는 발생하지 않는다면

읽기 전용 속성을 가진 태그의 innerHTML을 변경하려고 할 경우이다.

 

IE에서의 innerHTML의 읽기 전용의 엘리먼트는 다음과 같다.

 

COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

 

관련 MSDN : http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx