التوافق عبر المستعرضات لـ getElementsByClassName()

إن عدم قدرة IE6 وIE7 وIE8 على استخدام طريقة getElementsByClassName() يقدم التحدي عند محاولة تحديد العناصر بناءً على سمة فئتها. ومع ذلك، هناك حلول متاحة للتغلب على هذا القيد دون الاعتماد على مكتبات الطرف الثالث مثل jQuery.

محاكاة getElementsByClassName() في متصفحات Internet Explorer الأقدم

لتقليد الوظيفة من getElementsByClassName() في IE6-8، يمكن أن يكون البرنامج النصي التالي تم التنفيذ:

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

الاستخدام:

ببساطة قم بتضمين البرنامج النصي على موقع الويب الخاص بك، وسوف يقوم بتوسيع كائن المستند باستخدام طريقة getElementsByClassName() التي تعمل في جميع المتصفحات الرئيسية، بما في ذلك الإصدارات الأقدم من Internet Explorer.

مثال:

  
  ...
الرأس>

  

  ...
  var borderDivs = document.getElementsByClassName('red-border');
الجسم>