DOMの弱点とその対策 慣れてしまえば便利なDOMですが、「ブラウザによってドキュメントツリーの構造が違う」という弱点もあります。 例えば先ほどのサンプルはInternet Explorer 8用のDOMなので、Firefox(3.6.12)やGoogle Chrome(7.0.517.44)ではエラーが起きて、正しく動きません。 IE以外では、サンプルの10行目を次のように書き換える必要があります。 どうしてこのようなことが起きてしまうのでしょうか? このサンプルでもそうですが、ほとんどの人はJavaScriptやHTMLのソースを書くときには、読みやすくなるようにスペースやタブを使って段落を付けたり、改行を使うと思います。 ところが、IE以外のDOMでは、HTML内で使っている「スペース、タブ、改行」が、いちいちすべてテキストノード扱いになってしまうのです。つまり、改行のたびに、空白の
![JavaScriptでDOMに挑戦:初心者のためのJavaScript入門(7) - @IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/df34b57cc41de502dd3f3c1a113ee146d2e9a2a6/height=288;version=1;width=512/http%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)