Heim > Web-Frontend > Front-End-Fragen und Antworten > Ist die ID im HTML-Dokument eindeutig?

Ist die ID im HTML-Dokument eindeutig?

青灯夜游
Freigeben: 2021-12-14 11:15:16
Original
4020 Leute haben es durchsucht

id muss innerhalb des HTML-Dokuments eindeutig sein. In einem HTML-Dokument verfügt jedes Element (Knoten) über ein ID-Attribut. Das ID-Attribut ist die eindeutige Kennung des Knotens und die „eindeutige“ Kennung bei der Angabe von DOM-Operationen für einen Knoten, sodass der ID-Wert im selben nicht wiederholt werden kann Dokument; Wenn die Kennung nicht eindeutig ist, führt dies zu Problemen beim Betrieb des DOM.

Ist die ID im HTML-Dokument eindeutig?

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

id gibt die eindeutige ID des HTML-Elements an.

id muss innerhalb des HTML-Dokuments eindeutig sein.

In einem HTML-Dokument hat jedes Element (Knoten) ein ID-Attribut. Das ID-Attribut ist die eindeutige Kennung beim Festlegen von DOM-Operationen für einen Knoten. Daher kann der ID-Wert nicht verwendet werden im selben Dokument wiederholen.

ID hat nichts damit zu tun, wie die Seite gerendert wird, hängt von der Struktur und dem Stil des Dokuments ab (hier ist das Standard-Stylesheet des Browsers + eine von Ihnen geschriebene Stilregel), sodass sie normal angezeigt werden kann.

Aber nicht eindeutige Bezeichner verursachen Probleme beim Betrieb von DOM.

<html>
<head>

<style type="text/css">
#txtName {background:red;}
</style>

<script type="text/javascript">

function GetValue()
{
var a = document.getElementById(&#39;txtName&#39;).value;
alert(a);
}

</script>
</head>
<body >

姓名:<input type="text" id="txtName" /> </br>

密码:<input type="text" id="txtName" /> </br>

<input type="button" value="获取id=txtName的文本框的值" onclick="GetValue();" />

</body>
</html>
Nach dem Login kopieren

Unter ihnen:

var a = document.getElementById(&#39;txtName&#39;).value;
Nach dem Login kopieren

ruft den Wert des ersten Textfelds ab, was darauf hinweist, dass der Browser nur den Wert des ersten Etiketts mit dieser ID annimmt lautet wie folgt: ID="txtName"

Ist die ID im HTML-Dokument eindeutig?

Zusammenfassung: Wenn dieselbe ID vorhanden ist, akzeptiert Javascript nur das erste Tag mit dieser ID.

Empfohlenes Tutorial: „

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonIst die ID im HTML-Dokument eindeutig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage