JS ist eine einfache Methode zur Auswahl von DOM-Elementen. Dieser Artikel fasst die verschiedenen Methoden von js zur Auswahl von DOM zusammen, die zum Erlernen von js verwendet werden können Wissen~ ~
Methoden zur Auswahl von Dokumentelementen:
1. Elemente nach ID auswählen (getElementById)
1 ) Verwendung: document.getElementById("domId")
Wobei domId der ID-Attributwert des auszuwählenden Elements ist
2) Kompatibilität: niedriger als IE8-Version Die Implementierung der getElementById-Methode des IE-Browsers berücksichtigt nicht die Groß-/Kleinschreibung der Element-ID-Nummer und gibt Elemente zurück, die mit dem Namensattribut übereinstimmen.
2. Elemente nach Namen auswählen (getElementsByName)
1) Verwendung: document.getElementsByName("domName")
Unter diesen ist domName der Namensattributwert des auszuwählenden Elements
2) Beschreibung: a. Der Rückgabewert ist eine nodeList-Sammlung (anders als Array)
b . Im Gegensatz zum ID-Attribut ist das Namensattribut nur in wenigen DOM-Elementen gültig (Formularform, Formularelement, iframe, img). Dies liegt daran, dass das Namensattribut erstellt wurde, um das Senden von Formulardaten zu erleichtern.
c. Beim Festlegen des Namensattributs für Formular-, IMG-, Iframe-, Applet-, Einbettungs- und Objektelemente wird automatisch ein Attribut mit dem Namensattributwert im Dokumentobjekt erstellt. Daher kann über document.domName auf das entsprechende dom-Objekt verwiesen werden
3) Kompatibilität: Elemente mit übereinstimmenden ID-Attributwerten im IE werden auch zusammen zurückgegeben
3. Elemente nach Tag-Namen auswählen (getElementsByTagName)
1) Verwendungsmethode: element.getElementsByTagName(" tagName")
Unter diesen ist element ein gültiges DOM-Element (einschließlich Dokument)
tagName ist der Tag-Name des DOM-Elements
2) Beschreibung: a. Das Rückgabewert ist eine NodeList-Sammlung (Unterschied im Array)
b Diese Methode kann nur Nachkommenelemente des Elements auswählen, das diese Methode aufruft.
c. Bei tagName wird die Groß-/Kleinschreibung nicht beachtet.
d. Wenn tagName * ist, bedeutet dies, dass alle Elemente ausgewählt werden (vorbehaltlich Regel b).
e. HTMLDocument definiert einige Verknüpfungsattribute für den Zugriff auf Tag-Knoten. Beispiel: Die Attribute „Bilder“, „Formulare“ und „Links“ des Dokuments verweisen auf die Sammlung der Tag-Elemente ,