Wie die grundlegenden DOM-manipulation (Inhalt löschen, anfügen Inhalt) mit YUI?
Ich bin dabei ein Projekt mit YUI, wo ich versuche, die Dinge tun, die ich bisher zu tun mit jQuery. Ich finde es schwierig, zu tun, einige grundlegende Operationen, und zwar:
- klaren Inhalt des DOM-Elements
- fügen Sie zum Inhalt des DOM-Elements
In jQuery, die ich tun würde:
$(".someSelector").empty().append("<div>something</div>");
Wie zu tun die oben im YUI? Wie es scheint, verzögert das W3C-DOM-Spezifikation, die in vielen Aspekten, ich bin nicht sehr vertraut mit, dass Spez. Wenn es irgendwelche spezifischen W3C oder solches material sollte ich verwenden, nennen Sie bitte konkrete links.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier ist die YUI-Dokumentation für die Dom-Methoden.
Yahoo! UI-Bibliothek > dom > YAHOO.util.Dom
Oder probieren Sie
YUI nicht scheinen, um die gleiche Ebene der DOM-manipulation, dass jQuery nicht (obwohl ich nicht gespielt habe mit YUI3 noch, also das kann sich ändern).
innerHTML funktioniert auf jeden Fall, und war schneller once upon a time, obwohl ich denke das ändert sich in einigen modernen Browsern. Anhängen Inhalt ist leicht genug, über die standard-Methoden:
Clearing ist ein wenig komplizierter. Ich habe am Ende tatsächlich, die sich den DOM YUI-utility und Hinzugefügt, dies als Methode:
Es ist wichtig zu beachten, als beim Durchlaufen der child-Knoten, beginne ich mit dem letzten element und arbeite mich nach vorne. Dies ist, weil, wenn ein Knoten entfernt wird, wird die Größe des Arrays ändert. Auch, wenn ich das entfernen der Knoten an der position [0], alle Elemente des Arrays nach unten zu verschieben eine position (d.h. das element, das war an position [1] nun wird das element an der position [0]). Wenn ich war zu Beginn auf den Anfang des Arrays, ich würde miss Elemente, und schnell übersteigen die array-Grenze.