memocon プログラミングのメモや物欲日記、雑記等

JavaScriptで子要素追加をIE6でも動くようにするには

2011年10月25日 16時28分

jQueryでappendやprependを使って要素を使っていたらIE6で思ったように動かなかった。
検索してみると似たような人を見つけた。

上の指摘通りにjQueryをあきらめてdocument.createElementで作成したらうまくいった。

以下のような感じ。

var img_next = document.createElement("img");

img_next.src = "./img/next_btn.png";

img_next.className = "class_img";

var main = document.getElementById("main");

main.insertBefore(img_next, main.firstChild);