Heim >Web-Frontend >HTML-Tutorial >Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

青灯夜游
青灯夜游Original
2018-12-26 16:12:1411582Durchsuche

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.

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

ID-Attribut in HTML

Wir verwenden das ID-Attribut, um eindeutige HTML-Elemente zu identifizieren Verwenden Sie es als Ankerreferenz in einer URL (eine URL mit dem #-Symbol) oder als ID-Selektor in CSS, um dieses Element zu formatieren. Sie können getElementById() auch in Javascript verwenden, um Elemente über den id-Attributwert zu finden und dann mit den Elementen zu arbeiten. Beispiel:

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

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

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

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

id-Attribut 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:

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

Rendering:

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

Namensattribut in HTML

Der Name Das Attribut wird auch zur Identifizierung von HTML-Elementen verwendet, verfügt jedoch nicht über eine eindeutige Zeile. Sein Wert kann beispielsweise wiederverwendet werden: Optionsfeld

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

Wirkungsdiagramm:

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

Wie im obigen Beispiel gezeigt, wird das Namensattribut häufig in Formularen zum Übermitteln von Informationen verwendet. Es ist nur für Tag-Elemente wie a, form, iframe, img, map, input, select, textarea gültig 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:

<form action="" method="get"> 
	最喜欢水果?<br /><br /> 
	<label><input name="Fruit" type="radio" value="" />苹果 </label> <br /> 
	<label><input name="Fruit" type="radio" value="" />桃子 </label> <br /> 
	<label><input name="Fruit" type="radio" value="" />香蕉 </label> <br /> 
	<label><input name="Fruit" type="radio" value="" />梨 </label> <br /> 
	<label><input name="Fruit" type="radio" value="" />其它 </label> <br /> 
</form>

Rendering:

Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?

Erklärung:

Man kann sagen, dass die ID zu einem gehört Personen-ID-Nummer und Name ist der Name der Person. Beide können gleichzeitig existieren und denselben Namespace teilen (die Werte beider können gleich sein).

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?. 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