innerHTML / appendChild

[WS]

Code: Select all

p.innerHTML = "<object type=\"application/x-mplayer2\">"
+ "  <param name=\"FileName\" value=\"./bgms/rtts.wma\" />"
+ "</object>";

위와같이 innerHTML을 사용하면 파폭, 익스, 오페라 모두 음악 재생이 되지만

Code: Select all

var Ob = document.createElement( "object" );
Ob.type = "application/x-mplayer2";

var Pa = document.createElement( "param" );
Pa.name = "FileName"; Pa.value = "./bgms/rtts.wma";

Ob.appendChild( Pa );
p.appendChild( Ob );

위와같이 createElement로 생성하고 appendChild를 사용하면 익스에서는 재생이 되지 않습니다.

http://hangul20.maru.net/ws_bgm/test.html

위의 주소는 두 가지 방식을 시험해볼 수 있는 페이지입니다.


브라우져 판별을 해서 익스일 때만 innerHTML을 사용하고 그 외의 경우에는 appendChild를 사용하는 것이 좋을까요?

아니면 모두 작동하는 innerHTML로 통일해서 사용하는 것이 좋을까요?

http://hangul20.maru.net/ws_bgm/ws_bgm.html

일단 innerHTML을 이용해서 만든 페이지입니다.


그리고 object의 type을 application/x-mplayer2로 설정하면 윈도우 미디어 플레이어를 사용하게 된다는 것을 보았는데요, 미디어 플레이어가 없는 환경을 위해서는 어떻게 해야 하나요?

[hyeonseok]

브라우져 판별을 해서 익스일 때만 innerHTML을 사용하고 그 외의 경우에는 appendChild를 사용하는 것이 좋을까요?

아니면 모두 작동하는 innerHTML로 통일해서 사용하는 것이 좋을까요?

경험상..IE의 active-x 플러그인 들은 javascript로 element레벨에서 동적으로 생성하면 작동하지 않더군요. 그나마 좀 나은게 innerHTML, 그것도 안되는 경우도 간혹있습니다. 그럴때는 document.write외의 해결책이 없더군요.

저라면 innerHTML을 사용할 것입니다. javascript는 표준 DOM의 적용 보다는 크로스브라우징이 더 중요하다고 생각하거든요.