Перемещение элемента DIV к нижней части родителя (как последний ребенок)

Я пытаюсь создать постоянно вращающийся баннер для вершины домашней страницы сайта, который я разрабатываю. Лучший способ, которым я могу фигурировать для хранения его постоянно попеременно, состоит в том, чтобы взять первый DIV (firstChild) и переместить его в конец стека, после того как это скользило из представления.

Это:

<div id='foo0'></div>
<div id='foo1'></div>
<div id='foo2'></div>
<div id='foo3'></div>

Должен стать этим:

<div id='foo1'></div>
<div id='foo2'></div>
<div id='foo3'></div>
<div id='foo0'></div>

Я использую Опытную платформу..., и я попытался сделать это путем клонирования элемента с помощью моего собственного метода и вставив ее в нижнюю часть родительского DIV, но я нахожу, что не все атрибуты стиля переносятся, и я хотел бы отказаться от этого метода, потому что я не хочу то, что перемещается, чтобы быть копией/клоном элемента, но самого фактического элемента.

Спасибо.