getElementsByClassName() のブラウザー間の互換性

IE6、IE7、および IE8 では getElementsByClassName() メソッドを利用できないため、クラス属性に基づいて要素を選択しようとするときのチャレンジ。ただし、jQuery などのサードパーティ ライブラリに依存せずにこの制限を克服できるソリューションがあります。

古い Internet Explorer で getElementsByClassName() をエミュレートする

機能を模倣するにはIE6-8 の getElementsByClassName() の場合、次のスクリプトを実装できます:

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i  -1) retnode.push(elem[i]);
  }
  return retnode;
};

Usage:

Web サイトにスクリプトを組み込むだけで、すべての主要なブラウザで動作する getElementsByClassName() メソッドでドキュメント オブジェクトが拡張されます。 Internet Explorer の古いバージョンを含む。

例:

  
  ...


  

  ...
  var borderDivs = document.getElementsByClassName('red-border');