Maison interface Web js tutoriel Solution au problème selon lequel le navigateur IE ne prend pas en charge les compétences getElementsByClassName_javascript

Solution au problème selon lequel le navigateur IE ne prend pas en charge les compétences getElementsByClassName_javascript

May 16, 2016 pm 04:38 PM
ie浏览器 解决方法

La méthode getElementsByClassName a été ajoutée à DOM3, mais elle n'est pas supportée par les autres versions sauf IE9 et 10. C'est pénible !
La solution actuelle consiste à déterminer si le navigateur prend en charge cette méthode. S'il la prend en charge, laissez-la tranquille. S'il ne la prend pas en charge, ajoutez la méthode getElementsByClassName à l'objet document. Cette façon d'écrire a l'avantage de ne pas la prendre en charge. il faut y aller, qu'il y ait ou non une fonction native. Modifier le code.

Certaines personnes sur Internet définissent directement une fonction getElementsByClassName, mais dans ce cas, toutes les utilisations de document.getElementsByClassName dans le code doivent être réécrites dans getElementsByClassName. C'est quelque peu gênant et pas universel.

La méthode suivante prend parfaitement en charge la rédaction de documents :

if(!document.getElementsByClassName){
  document.getElementsByClassName = function(className, element){
    var children = (element || document).getElementsByTagName('*');
    var elements = new Array();
    for (var i=0; i<children.length; i++){
      var child = children[i];
      var classNames = child.className.split(' ');
      for (var j=0; j<classNames.length; j++){
        if (classNames[j] == className){ 
          elements.push(child);
          break;
        }
      }
    } 
    return elements;
  };
}
Copier après la connexion
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Apr 04, 2025 pm 11:54 PM

GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...

Pourquoi mon code RXJS ne prend-il pas effet lors du fonctionnement sur les flux? Pourquoi mon code RXJS ne prend-il pas effet lors du fonctionnement sur les flux? Apr 04, 2025 pm 06:27 PM

Pourquoi mon code ne prend-il pas effet lors de l'utilisation de RXJ pour fonctionner sur les flux? Apprentissage RXJS ...

Comment utiliser XPath pour rechercher à partir d'un nœud DOM spécifié en JavaScript? Comment utiliser XPath pour rechercher à partir d'un nœud DOM spécifié en JavaScript? Apr 04, 2025 pm 11:15 PM

Explication détaillée de la méthode de recherche XPATH sous les nœuds DOM en JavaScript, nous devons souvent trouver des nœuds spécifiques de l'arbre Dom basé sur les expressions XPath. Si vous avez besoin de ...

Quelles sont les raisons et les solutions pour le fichier serveur qui ne peuvent pas être téléchargées après la configuration SFTP.json? Quelles sont les raisons et les solutions pour le fichier serveur qui ne peuvent pas être téléchargées après la configuration SFTP.json? Apr 04, 2025 pm 06:54 PM

Solution au problème que le fichier serveur ne peut pas être téléchargé après la configuration SFTP.json Après avoir configuré le fichier SFTP.json, les utilisateurs peuvent rencontrer l'incapacité de télécharger le fichier du serveur cible ...

Comment sélectionner un élément enfant avec l'élément de nom de première classe via CSS? Comment sélectionner un élément enfant avec l'élément de nom de première classe via CSS? Apr 05, 2025 pm 11:24 PM

Lorsque le nombre d'éléments n'est pas fixé, comment sélectionner le premier élément enfant du nom de classe spécifié via CSS. Lors du traitement de la structure HTML, vous rencontrez souvent différents éléments ...

Pourquoi les éléments de blocage en ligne sont-ils mal alignés? Comment résoudre ce problème? Pourquoi les éléments de blocage en ligne sont-ils mal alignés? Comment résoudre ce problème? Apr 04, 2025 pm 10:39 PM

Concernant les raisons et les solutions pour l'affichage mal aligné des éléments de blocage en ligne. Lors de la mise en page de la page Web, nous rencontrons souvent des problèmes d'affichage apparemment étranges. Comparer...

Pourquoi les moteurs de recherche affichent-ils toujours les anciens titres après la mise à jour du mot clé du titre du site Web? Pourquoi les moteurs de recherche affichent-ils toujours les anciens titres après la mise à jour du mot clé du titre du site Web? Apr 04, 2025 pm 09:00 PM

Pourquoi les moteurs de recherche ne sont-ils pas affichés après la mise à jour des mots clés du titre du site Web? Lors de l'optimisation d'un site Web, de nombreux webmasters modifieront les paramètres de référencement du site Web et les données structurées, en espérant ...

Vue2 Project Online Iframe White Screen: Comment dépanner et le résoudre? Vue2 Project Online Iframe White Screen: Comment dépanner et le résoudre? Apr 05, 2025 am 06:21 AM

Dépannage et résolution de l'écran blanc en ligne d'Iframe dans le projet Vue2. Dans le développement du projet VUE2, nous utilisons souvent des iframes pour intégrer un autre contenu Web. Cependant, l'article ...

See all articles