Js-Prozess zum Betreiben von DOM-Objekten

Lassen Sie mich den Prozess der Bedienung von DOM-Objekten zusammenfassen. Ich habe mir die Geschwindigkeit verschiedener Methoden zur Auswahl von Elementen angesehen. Die native Methode ist fast achtmal schneller als der jQUERY-Block am langsamsten. IE9 ist dreimal schneller als IE8.

Methode zum Auswählen von Dokumentelementen:

1) Verwendungsmethode: document. getElementById("domId")
Wobei domId der ID-Attributwert des auszuwählenden Elements ist
2) Kompatibilität:
IE-Browser , die niedriger als die IE8-Version sind, unterscheiden das nicht Implementierung der getElementById-Methode. Bei der Element-ID-Nummer wird die Groß-/Kleinschreibung beachtet und Elemente, die mit dem Namensattribut übereinstimmen, werden zurückgegeben.
2. Elemente nach Namen auswählen (getElementsByName)
1) Verwendungsmethode: document.getElementsByName("domName")
Wobei domName der Namensattributwert des auszuwählenden Elements ist
2 ) Beschreibung: a. Der Rückgabewert ist eine NodeList-Sammlung (anders als Array)
b Im Gegensatz zum ID-Attribut ist das Namensattribut nur in einigen DOM-Elementen gültig (Formularform, Formularelement, Iframe, img ). Dies liegt daran, dass das Namensattribut erstellt wurde, um das Senden von Formulardaten zu erleichtern.                                                                                                                                                                                       ,,, Daher kann auf das entsprechende Dom-Objekt über document.domName
verwiesen werden. 3) Kompatibilität: Elemente mit übereinstimmenden ID-Attributwerten im IE werden auch zusammen zurückgegeben

3. Wählen Sie Elemente nach Tag-Namen aus (
getElementsByTagName
) 1) Verwendung: element.getElementsByTagName("tagName") Unter diesen ist element ein gültiges DOM-Element (einschließlich Dokument)
tagName ist der Tag-Name des DOM-Element
2) Beschreibung: a. Der Rückgabewert ist eine nodeList-Sammlung (anders als Array)
b. Diese Methode kann nur Nachkommenelemente des Elements auswählen, das diese Methode aufruft.
C. Tagname unterscheidet nicht zwischen Klein- und Kleinschreibung
D. Wenn Tagname * ist, bedeutet dies, dass alle Elemente ausgewählt sind (folgen Sie b. Regeln)
E. HTMLDOCUMENT definiert einige schnelle Attribute für den Zugriff auf Label-Knoten. Beispiel: Die Attribute „Bilder“, „Formulare“ und „Links“ des Dokuments verweisen auf die Sammlung der Tag-Elemente ,