Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie js Element Traversal, um die Elementdurchquerung zu standardisieren

So verwenden Sie js Element Traversal, um die Elementdurchquerung zu standardisieren

php中世界最好的语言
php中世界最好的语言Original
2018-06-02 14:41:391422Durchsuche

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:

  • childElementCount: gibt die Anzahl der untergeordneten Elemente (mit Ausnahme von Textknoten und

    Anmerkungen) zurück.

  • firstElementChild: Zeigt auf das erste untergeordnete Element.

  • lastElementChild: Zeigt auf das letzte untergeordnete Element.

  • previousElementSibling: Zeigt auf das vorherige Geschwisterelement.

  • nextElementSibling: Zeigt auf das nächste Geschwisterelement.

Unterstützte Browser haben diese Attribute zu DOM-Elementen hinzugefügt, sodass Sie sich keine Gedanken über leere Textknoten machen müssen, was das Auffinden von DOM-Elementen sehr erleichtert.

Hier ist ein Beispiel. Wenn Sie in der Vergangenheit alle untergeordneten Elemente eines Elements browserübergreifend durchlaufen wollten, mussten Sie Code wie diesen schreiben:

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn