[javascript] innerHTML 오류(IE 계열만)

동적으로 페이지를 구성하기 위하여 innerHTML을 사용하게 되는데,
FF 계열은 문제가 없으나 IE 계열에서 문제가 발생한다.
만일 innerHTML로 대입하려는 문자열에 form 태그가 존재한다면 innerHTML은 동작하지 않는다.

var oDiv = document.getElementById("testdiv");
oDiv.innerHTML = "<form><input type="text"></form>";  // 오류 발생
oDiv.innerHTML = "<input type="text">";                        // 정상

회피할 수 있는 방법은 없다.
innerHTML로 oDiv 객체 안에 다른 객체를 넣어서 그 객체의 innerHTML을 하더라도 오류가 발생한다.