mover listas

[Blashak]

Buenas,

Tengo una lista de imagenes.

Código HTML:

<ul>
                <li class="img1">
                <img alt="" src="images/img_1.jpg" width="100px" height="60px" /><br />
                </li>
                <li class="img2">
                <img alt="" src="images/img_2.jpg" width="100px" height="60px" /><br />
                </li>
                <li class="img3">
                <img alt="" src="images/img_3.jpg" width="100px" height="60px" /><br />
                </li>
 
</ul>
 

como podria hacer en javascript para que el primer li con la etiqueta img pasara a ultimo lugar
ejemplo:

Código HTML:

<ul>
 
                <li class="img2">
                <img alt="" src="images/img_2.jpg" width="100px" height="60px" /><br />
                </li>
                <li class="img3">
                <img alt="" src="images/img_3.jpg" width="100px" height="60px" /><br />
                </li>
 
 
                <li class="img1">
                <img alt="" src="images/img_1.jpg" width="100px" height="60px" /><br />
                </li>
 
</ul>
 

saludos

[zerokilled]

buenas,
tienes que trabajar con las funciones DOM. por ejemplo, con appendChild el elemento se agrega al final del elemento donde se invoque.

Código:

<p id="ancestor"><b>bold</b>
<i>italic</i>
<u>underline</u></p>

var p = document.getElementById("ancestor");
p.appendChild(p.firstChild); // el elemento <b> aparece al final;

[Blashak]

ok, muchas gracias.