Angenommen, ich habe eine ungeordnete Liste:

<ul id="birds">
  <li>Bald Eagle</li>
  <li>Falcon</li>
  <li>Condor</li>
  <li>Albatross</li>
  <li>Parrot</li>
</ul>

Mit einfachem JavaScript (ohne jQuery) möchte ich die Reihenfolge dieser Liste umkehren können, damit sie der folgenden erwarteten "Ausgabe" entspricht:

<ul id="birds">
  <li>Parrot</li>
  <li>Albatross</li>
  <li>Condor</li>
  <li>Falcon</li>
  <li>Bald Eagle</li>
</ul>

Dies ist das JavaScript, mit dem ich versucht habe zu programmieren, um dieses Ziel zu erreichen:

var birdList = document.getElementById("birds").getElementsByTagName("li");
var birdListReverse = birdList.reverse();

for(var i = 0; i < birdList.length; i++)
{
  birdList[i] = birdListReverse[i];
}

Ich würde denken, dass es ausreichen würde, die aktuellen Listenelemente mit denen in der "umgekehrten" Liste zu überschreiben, aber nicht zu sein. Müsste ich jeden irgendwie manipulierennodeValue In der Liste?

Ich würde dies gerne tun, wenn auf eine Schaltfläche geklickt wird - das ist der einfache Teil, es ist nur die Technik, die Liste umzukehren, die mich ein bisschen behindert hat.