getElementsByClassName を IE8 でも使いたいんだけど…ダメ?(´・ω・`)

  • Twitter
  • Facebook
  • Pinterest
  • Hatena
  • instagram
  • YouTube

リキッドレイアウトのWEBページに於いて、ページ内にグリッド配置されたdiv要素もブラウザの横幅(もしくは縦幅)に追従してサイズを可変にしようとしたのですが…

getElementsByClassNameの実行

getElementsByClassName を使えばスッキリするのですが、HTML5 から追加されたDOMなのでIE8ではNG。

仕方が無いので、最初は全てのdiv要素にユニークなid属性を付与して getElementsById や getElementsByTagName で処理しようとしたのですが、コードがダラダラと長くなってしまいました。

そもそも同じclass属性で事足りるのに、わざわざ全てのdivに異なるidを振る時点で…(´Д` )

何とかならないか検索してみたらIE8でも getElementsByClassName が使えるようになるライブラリが公開されていました。

getElementsByClassNameメソッド – JavaScript ライブラリー – HTML5.JP

excanvas.js の様に後付けでブラウザの機能を拡張(?)するので、HTML5未対応のブラウザでも getElementsByClassName が使える様になります。

コードとかなんやらかんやらで長くなったので、やっぱり続きはWebでw

あまり需要は無いかもしれませんが、フラットデザインも流行っているので参考になればと・・・

カテゴリー: JavaScript, プログラミング タグ: パーマリンク

コメント投稿