Heim >Web-Frontend >HTML-Tutorial >So lösen Sie das Problem, dass das DOM-Element die Groß-/Kleinschreibung des Namensattributs im IE8-Browser nicht unterscheidet

So lösen Sie das Problem, dass das DOM-Element die Groß-/Kleinschreibung des Namensattributs im IE8-Browser nicht unterscheidet

一个新手
一个新手Original
2017-10-17 10:30:232220Durchsuche

Bei Verwendung des Namensattributs zum Abrufen des Dom-Elements im IE8-Browser wird die Groß-/Kleinschreibung nicht beachtet.
Zum Beispiel:

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

Es gibt zwei Eingabefelder wie oben, ihre Namensattribute sind Großbuchstabe C1 bzw. Kleinbuchstabe c1
Wenn Sie das Element abrufen, verwenden Sie jqury, um es unter Google Chrome abzurufen:

$("input[name=&#39;c1&#39;]").length // 1

Das DOM-Element, das erhalten wird, wenn der obige Code unter I8 ausgeführt wird, ist 2.
Wechseln Sie zur nativen js-Methode, um Folgendes zu erhalten:

document.getElementsByName(&#39;c1&#39;).length document.querySelectorAll("input[name=&#39;c1").length

Die beiden oben genannten Methoden sind beide 2 unter IE8. Es ist ersichtlich, dass das Namensattribut unter IE8 nicht zwischen Groß- und Kleinschreibung unterscheidet.
Wenn diese Probleme auftreten, können wir das übergeordnete Element hinzufügen, um die Auswahl bei der Auswahl des Dom-Elements zu unterscheiden:

<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")

Dies löst das Problem, dass die Namensattributgröße darunter nicht unterschieden werden kann IE8 Fragen schreiben.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass das DOM-Element die Groß-/Kleinschreibung des Namensattributs im IE8-Browser nicht unterscheidet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Seitenlayout in HTML verstehenNächster Artikel:Seitenlayout in HTML verstehen