Der Unterschied zwischen HTML-Name-ID und Klasse_PowerNode Java Academy

Name

Geben Sie einen Namen für das Tag an.

Format

<input type="text" name="Benutzername" />

Anwendungsszenario

①Formular: Name kann als Variablenname der an den Server übertragenen Formularliste verwendet werden. Der oben an den Server übertragene Name lautet beispielsweise: Benutzername = „der Wert des Textes“.

②Eingabetyp = „Radio“-Radiotag: Wenn der Name mehrerer Radiotags auf denselben Wert eingestellt ist, wird ein Radioauswahlvorgang ausgeführt.

<input type="radio" name='sex'/>Männlich<input type="radio" name='sex'/>Weiblich

③Schnell eine Gruppe von Tags mit demselben Namen abrufen: Rufen Sie Tags mit demselben Namen ab und führen Sie gemeinsam Vorgänge aus, z. B. das Ändern von Eigenschaften, das Registrieren von Ereignissen usw.

Funktion changtxtcolor() {
    var txts = document.getElementsByName('txtcolor'); //Alle Tags mit Name=txtcolor abrufen for (var i = 0; i < txts.length; i++) { //Durchlaufe die Tags und ändere die Hintergrundfarbe auf Rot
        txts[i].style.backgroundColor = "rot";
    }
}

Merkmal

Der Wert des Namensattributs ist auf der aktuellen Seite nicht eindeutig.

Ausweis

Gibt die eindeutige Kennung eines Tags an.

Format

<Eingabetyp=Passwort-ID=„Benutzerkennwort“ />

Anwendungsszenario

① Erhalten Sie das Tag-Objekt schnell anhand der bereitgestellten eindeutigen ID-Nummer. Beispiel: document.getElementById(id)

② Wird als Wert des For-Attributs des Label-Tags verwendet: Beispiel: <label for='userid'>Benutzername: </label>, was bedeutet, dass beim Klicken auf dieses Label-Tag das Label mit der ID „userid“ den Fokus erhält.
Merkmal

Der Wert des ID-Attributs muss auf der aktuellen Seite eindeutig sein.

Klasse

Gibt den Klassennamen des Tags an.

Format

<Eingabetyp=Schaltfläche Klasse="btnsubmit" />

Anwendungsszenario

①CSS-Operation: Fügen Sie einige bestimmte Stile in eine Klasse ein und fügen Sie diese Klasse hinzu, wenn Sie Tags dieses Stils benötigen.

Merkmal

Sie können mehrere Klassen in ein Klassenattribut einfügen, diese müssen jedoch durch Leerzeichen getrennt sein. Beispiel: class='btnsubmit btnopen'