Допустим, у меня есть неупорядоченный список, например:

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

С простым JavaScript (не включая jQuery) я хотел бы иметь возможность изменить порядок следования этого списка, чтобы он соответствовал следующему ожидаемому & quot; output & quot ;:

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

Это JavaScript, который я пытался кодировать, чтобы попытаться достичь этой цели:

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

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

Я бы подумал, что каким-то образом перезаписывает текущие элементы списка теми, которые находятся в & quot; перевернутом & quot; Список будет достаточным, но не будет. Должен ли я как-то манипулировать каждымnodeValue в списке?

Я хотел бы сделать это, когда кнопка нажата - это самая легкая часть, это просто использование техники, которая переворачивает список, что немного мешает мне.