Heim > Artikel > Web-Frontend > So verwenden Sie js Element Traversal, um die Elementdurchquerung zu standardisieren
Dieses Mal zeige ich Ihnen, wie Sie js Element Traversal zur Standardisierung der Elementdurchquerung verwenden und welche Vorsichtsmaßnahmen für die Verwendung von js Element Traversal zur Standardisierung der Elementdurchquerung gelten. Nehmen wir das Folgende als einen praktischen Fall ein Blick.
Für Leerzeichen zwischen Elementen werden Dokumentknoten nicht vor IE9 zurückgegeben. Alle anderen Browser geben Dokumentknoten zurück.
Um mit den Unterschieden zwischen Browsern kompatibel zu sein, ohne den bestehenden DOM-Standard zu ändern, wurde die Element Traversal-Spezifikation erstellt.
Diese Spezifikation fügt 5 Attribute zu Elementen hinzu
childElementCount
firstElementChild
lastElementChild
previousElementSibling
nextElementSibling
Detaillierter Beamter Dokumentation; http://www.w3.org/TR/ElementTraversal/
Für Leerzeichen zwischen Elementen geben Versionen vor IE9 keine Textknoten zurück, während andere Browser Leerzeichen als Textknoten behandeln. Dies führt zu inkonsistentem Verhalten bei der Verwendung der Eigenschaften von childNodes und firstChild. Um diesen Unterschied auszugleichen und gleichzeitig die DOM-Spezifikation unverändert zu lassen, definiert die W3C-Element-Traversal-Spezifikation einen neuen Satz von Attributen.
Element Traversal API fügt die folgenden 5 Attribute zu DOM-Elementen hinzu:Anmerkungen) zurück.
var i,len,child = element.firstChild; while(child != element.lastChild){ if(child.nodeType == 1){ processChild(child); } child = child.nextSibling; }Wenn Sie Element Traversal
verwenden, um das Attribut hinzuzufügen, Der Code wird sich sehr prägnant ändern:
var i,len,child = element.firstElementChild; while(child != element.lastElementChild){ processChild(child); child = child.nextElementSibling; }Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:
So verwenden Sie Bootstrap im Vue-Cli-Projekt
So verwenden Sie Node.Js zum Generieren Bitcoin-Adresse
Das obige ist der detaillierte Inhalt vonSo verwenden Sie js Element Traversal, um die Elementdurchquerung zu standardisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!