Comment résoudre le problème selon lequel l'élément DOM ne distingue pas la casse de l'attribut name sous le navigateur IE8

Lorsque vous utilisez l'attribut name pour obtenir l'élément dom sous le navigateur IE8, il n'est pas sensible à la casse.
Par exemple :

<input type=&#39;text&#39; name=&#39;C1&#39;/>
<input type=&#39;text&#39; name=&#39;c1&#39;/>

Il y a deux zones de saisie comme ci-dessus, leurs attributs de nom sont respectivement C1 majuscule et c1 minuscule
Lors de l'obtention de l'élément, utilisez jqury pour l'obtenir sous Google Chrome :

$("input[name='c1']").length // 1

L'élément DOM obtenu lorsque le code ci-dessus est exécuté sous I8 est 2.
Changement en méthode native js pour obtenir :

document.getElementsByName('c1').length document.querySelectorAll("input[name='c1").length

Les deux méthodes ci-dessus sont toutes deux 2 sous IE8. On peut voir que l'attribut name sous IE8 n'est pas sensible à la casse.
Lorsque nous rencontrons ces problèmes, nous pouvons ajouter son élément parent pour distinguer la sélection lors de la sélection des éléments DOM :

<p class=&#39;p1&#39;><input type=&#39;text&#39; name=&#39;C1&#39;/></p>
<p class=&#39;p2&#39;><input type=&#39;text&#39; name=&#39;c1&#39;/></p>
document.querySelectorAll(".p1 input[name=&#39;C1")
document.querySelectorAll(".p2 input[name=&#39;c1")

Cela résout le problème de l'impossibilité de distinguer la taille de l'attribut de nom sous IE8 Écrivez des questions.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!