JavaScript, PHP, Ajax, Mac, iPhone and Talk Talk Talk

검색을 해보다 안되서 MSDN을 뒤졌는데 createElement 항목에서 다음과 같은 코드를 발견했다.
(http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/createelement.asp)

var newRadioButton = document.createElement("
");

이 코드를 보고 설마... 하는 마음에 위의 소스중 createRadio 부분의 첫번째 줄을 다음과 같이 바꿔보았다.

var obj = document.createElement("
");


물론 아래쪽에 있는 name과 type을 정의하는 부분은 주석처리해둔 상태다.
결과는...? 성공이다. 그런데 또다른 문제가 생긴 것이 아까는 잘 되던 FF에서 말썽이 일어난 것이다. 그도 그럴 것이 위와 같은 식의 createElement 사용법은 상식을 벗어난 사용이라 타 브라우저에서는 지원하지 않는 것이었다.

최종적으로 원래의 잘되던 코드와 변경한 후의 코드를 서로 호환하기 위해 불법적인 IE에서의 사용을 예외처리 하기로 했다. 완성된 코드는 다음과 같다.

function createRadio(name, value) {
var obj;

try {
obj = document.createElement("
");
} catch(e) {
obj = document.createElement("input");
obj.type = "radio";
obj.name = name;
}
obj.value = value;

document.forms[0].appendChild(obj);
}