Was ist der Unterschied zwischen ID und Name in HTML?

Unterschiede: 1. Beim Wert des ID-Attributs muss die Groß-/Kleinschreibung beachtet werden, und jeder ID-Wert sollte eindeutig sein, während das Namensattribut nicht eindeutig ist und sein Wert wiederverwendet werden kann. 2. Die Verwendungsmöglichkeiten sind unterschiedlich. Das id-Attribut kann als Ankerreferenz oder als ID-Selektor verwendet werden, während das name-Attribut in Formularen zum Übermitteln von Informationen verwendet wird.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML stellen sowohl das id-Attribut als auch das name-Attribut Bezeichner zur Darstellung von HTML-Element-Tags bereit. Was ist also der Unterschied zwischen ihnen? Dieser Artikel gibt Ihnen einen kurzen Vergleich des ID-Attributs und des Namensattributs und stellt den Unterschied zwischen dem ID-Attribut und dem Namensattribut vor. Ich hoffe, dass er für Sie hilfreich ist.

ID-Attribut in HTML

Wir verwenden das ID-Attribut, um ein eindeutiges HTML-Element zu identifizieren, das als Ankerreferenz in der URL (URL mit #-Symbol) oder als ID-Selektor in CSS zum Festlegen des Elementstils verwendet werden kann . Sie können getElementById() auch in Javascript verwenden, um Elemente über den id-Attributwert zu finden und dann mit den Elementen zu arbeiten. Beispiel: Das Attribut „id“ ist universell kompatibel und für jedes Element gültig. Beim Wert des ID-Attributs wird die Groß-/Kleinschreibung beachtet und jeder ID-Wert sollte eindeutig sein. Beispiel:

<p id="p1">测试文本！测试文本！</p>
<p id="p2">测试文本！测试文本！</p>

<script>
document.getElementById("p2").style.color="red";
</script>

Nach dem Login kopieren

Rendering:

Das Namensattribut in HTML

Das Namensattribut wird auch zur Identifizierung von HTML-Elementen verwendet, es muss jedoch nicht die einzige Zeile sein . Der Wert kann wiederverwendet werden, zum Beispiel: Optionsfeld

<div id="demo">
 <div id="a">div标签，id值为a</div>
 <p id="A">p标签，id值为A</p>
</div>

Wie im obigen Beispiel gezeigt, wird das Namensattribut häufig nur zur Übermittlung von Informationen verwendet Gültig für Tag-Elemente wie a, form, iframe, img, map, input, select, textarea usw.

Das Namensattribut kann in Javascript verwendet werden, um Elemente mit getElementsByName(); zu finden, es kann jedoch nicht in CSS oder URLs referenziert werden. Beispiel:

#a{ color: red;}
#A{ color: pink;}

Darstellung:

Erläuterung:

Empfohlenes Tutorial: „