Ich versuche, ein ständig rotierendes Banner für den Anfang der Homepage einer Website zu erstellen, die ich gerade entwickle. Der beste Weg, um es konstant in Rotation zu halten, ist das erste DIV (firstChild) zu nehmen und es zum Ende des Stapels zu bewegen, sobald es aus der Sicht verschoben ist.
Dies:
%Vor%Sollte das werden:
%Vor%Ich benutze das Prototype-Framework ... und ich habe versucht, dies zu tun, indem ich das Element mit meiner eigenen Methode geklont habe und es in den unteren Teil des Eltern-DIVs eingefügt habe, aber ich finde, dass nicht alle Stilattribute vorhanden sind übernommen, und ich möchte diese Methode aufgeben, weil ich nicht möchte, dass das, was verschoben wird, eine Kopie / ein Klon des Elements ist, sondern das eigentliche Element selbst.
Danke.
Hier ist ein einfaches JavaScript, um es zu tun, vorausgesetzt, das div hat ein gültiges Elternteil:
%Vor% Im Wesentlichen erhalten Sie den Knoten und hängen ihn dann an seinen Elternknoten an. appendChild , wenn der Knoten bereits Teil des DOM ist, wird den Knoten von seiner aktuellen Position an die neue Position im DOM verschieben.
Tags und Links javascript dom elements prototypejs