Beispiel
Holen Sie sich alle Elemente mit dem angegebenen Namen:
var x =
document.getElementsByName("fname");
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die getElementsByName() Methode liefert eine Auflistung aller Elemente in dem Dokument mit dem angegebenen Namen (the value of the name attribute) - (the value of the name attribute) als NodeList Objekt.
Das NodeList Objekt stellt eine Sammlung von Knoten. Die Knoten können durch Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Tipp: Sie können die Verwendung Länge Eigenschaft des NodeList Objekt die Anzahl der Elemente mit dem angegebenen Namen , um zu bestimmen, dann können Sie eine Schleife durch alle Elemente und extrahieren Sie die Informationen , die Sie wollen.
Hinweis: In HTML5, das "name" Attribut ist veraltet und wird durch das ersetzt worden "id" Attribut für viele Elemente. Verwenden Sie das Dokument. getElementById() Methode , wo es angebracht ist. Schauen Sie auch auf der getElementsByClassName() und getElementsByTagName() Methoden.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| getElementsByName() | Ja | Ja | Ja | Ja | Ja |
Syntax
document.getElementsByName( Parameterwerte Parameter Art Beschreibung name String Erforderlich. Der name Attributwert des Elements Sie zugreifen möchten / manipulieren
Technische Details
DOM Version: Core Level 1 Document Object Rückgabewert: Ein NodeList Objekt, eine Sammlung von Elementen mit dem angegebenen Namen darstellt. Die Elemente in der zurückgegebenen Auflistung sortiert werden, wie sie im Quelltext angezeigt.
Mehr Beispiele
Beispiel
Finden Sie heraus , wie viele Elemente es in dem Dokument, die ein Namensattribut mit dem Wert "animal" (mit der Länge Eigenschaft des NodeList Objekts):
var x =
document.getElementsByName("animal").length; Versuch es selber "
Beispiel
Überprüfen Sie alle <input> Elemente mit type = „Checkbox“ in dem Dokument , das ein Namensattribut mit dem Wert "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} Versuch es selber "
<Document Object