如何解決 IE6-8 中 getElementsByClassName() 不相容的問題？

IE6-8 與getElementsByClassName() 方法不相容

嘗試在Internet Explorer 6、7 或8 中使用getElementsByClassName() 按類別名稱選擇元素時，當您類別名稱選擇元素時，您可能會遇到錯誤訊息“物件不支援此方法”。這是因為這些較舊的瀏覽器缺乏對這種現代 DOM 方法的內建支援。

克服相容性問題

要克服此限制並在這些瀏覽器中啟用基於類別的選擇，請考慮實作客製化解決方案。下面的程式碼片段提供了一個JavaScript 函數，它複製了getElementsByClassName() 的功能：

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i < elem.length; i++) {
    if((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]);
  }
  return retnode;
};

將此程式碼新增至網頁後，您可以像往常一樣使用document.getElementsByClassName() 按類別檢索元素IE6、IE7 和IE8 中的名稱。

以上是如何解決 IE6-8 中 getElementsByClassName() 不相容的問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！