Bagaimana untuk Meniru getElementsByClassName() dalam Penjelajah Internet Lama?-tutorial js-php.cn

Bagaimana untuk Meniru getElementsByClassName() dalam Penjelajah Internet Lama?

Barbara Streisand

Lepaskan： 2024-10-22 07:35:18

asal

255 orang telah melayarinya

How to Emulate getElementsByClassName() in Older Internet Explorers?

Keserasian Cross-Browser untuk getElementsByClassName()

Ketidakupayaan IE6, IE7 dan IE8 untuk menggunakan kaedah getElementsByClassName()presentName() cabaran apabila cuba memilih elemen berdasarkan atribut kelasnya. Walau bagaimanapun, terdapat penyelesaian yang tersedia untuk mengatasi had ini tanpa bergantung pada perpustakaan pihak ketiga seperti jQuery.

Meniru getElementsByClassName() dalam Penjelajah Internet Lama

Untuk meniru fungsi daripada getElementsByClassName() dalam IE6-8, skrip berikut boleh dilaksanakan:

<code class="javascript">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;
};</code>

Salin selepas log masuk

Penggunaan:

Cuma sertakan skrip pada tapak web anda, dan ia akan lanjutkan objek dokumen dengan kaedah getElementsByClassName() yang berfungsi dalam semua penyemak imbas utama, termasuk versi Internet Explorer yang lebih lama.

Contoh:

<code class="html"><html>
<head>
  <script src="getElementsByClassName.js"></script>
  ...
</head>
<body>
  <div class="red-border"></div>
  ...
  var borderDivs = document.getElementsByClassName('red-border');
</body>
</html></code>

Salin selepas log masuk

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