Bagaimana untuk Mengatasi Isu getElementsByClassName() dalam Pelayar Internet Explorer Lama?

getElementsByClassName() Isu Keserasian dalam Pelayar Internet Explorer Legacy

Soalan:

Kod di bawah menimbulkan ralat dalam Internet Explorer 6, 7 dan 8:

var borderTds = document.getElementsByClassName('leftborder');

Masalah:

Pelayar Internet Explorer warisan seperti IE6, IE7 dan IE8 tidak menyokong getElementsByClassName() secara asli kaedah. Kaedah ini digunakan untuk memilih elemen berdasarkan atribut kelasnya.

Penyelesaian:

Untuk mengatasi isu ini, anda boleh menggunakan penyelesaian berikut untuk meniru getElementsByClassName() kefungsian dalam penyemak imbas ini:

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;
}; 

Pelaksanaan:

1. Salin skrip ke dalam dokumen HTML anda.
2. Selepas skrip telah ditambah, anda boleh menggunakan kaedah getElementsByClassName() seperti berikut:

var borderTds = document.getElementsByClassName('leftborder');

Faedah:

Penyelesaian ini membolehkan anda memilih elemen mengikut kelas mereka dalam pelayar Internet Explorer legasi tanpa bergantung pada perpustakaan luaran seperti jQuery.

Atas ialah kandungan terperinci Bagaimana untuk Mengatasi Isu getElementsByClassName() dalam Pelayar Internet Explorer Lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!