IEの苦労話

ここでは、管理人が IE( Internet Explorer )で動作しなかった JavaScriptを紹介し、
いかにして克服したかを紹介します。

別の言い方をすると、FireFox なら動くのに、IEで動かずに苦労したお話です。

rospanやcolspanを設定できない

tdのDOM部品に rowspan や colspan を設定することを考えます。 例えば、以下のような HTML の table をつくることを考えます。

これを DOMを駆使すると、下記のようなコーディングになるはずです。

残念ながら Internet Explorer は、これでは tableが表示されません。

対処法

Internet Explorerでは、setAttribute の名称が、微妙に違うのです。
実は、rowspan という変数名ではなく、rowSpan と指定します。

従って、JavaScriptは、td.setAttribute( "rowSpan", "2" ); として、
期待通りの動作をすることになりました。

同じように、colspan も colSpan です。