Javascript. Методы перемещения по DOM-дереву. Практическое задание 2.13.

Question

Javascript. Методы перемещения по DOM-дереву. Практическое задание 2.13.

SirGey Знаток (496), на голосовании 1 год назад

В HTML-документе есть тег <ul> с идентификатором tasks, и внутри него есть несколько тегов <li> с текстом. Напишите скрипт, который позволяет отсортировать элементы <li> в теге <ul> по длине содержимого.

Пример заданного HTML-документа:
<ul id="tasks">
<li>Велосипед</li><li>Скейт</li><li>Самокат</li>
</ul>

Пример результата:
<ul id="tasks">
<li>Скейт</li><li>Самокат</li><li>Велосипед</li>
</ul>

Answer 1

 let list = document.getElementById("tasks"); 
let items = list.getElementsByTagName("li"); 
let itemsArray = []; 
for (let i = 0; i < items.length; i++) { 
  itemsArray.push(items[i].textContent); 
} 
itemsArray.sort(function(a, b) { 
  return a.length - b.length; 
}); 
list.innerHTML = ""; 
for (let i = 0; i < itemsArray.length; i++) { 
  list.innerHTML += "" + itemsArray[i] + "
"; 
}