HTML , JavaScript как сделать сортировку по алфавиту слов которые перенесены с помощью white-space: pre-line;

Question

HTML , JavaScript как сделать сортировку по алфавиту слов которые перенесены с помощью white-space: pre-line;

Дмитрий Макаренко Мастер (2246), на голосовании 11 месяцев назад

Возможно ли такое вообще сделать? я знаю что можно сделать сортировку с помощью ul и li , но если у меня все слова в div и перенесены на следующие строчки с помощью white-space: pre-line; то как сделать что бы их можно было сортировать?

Answer 1

Да, это возможно. Вы можете использовать JavaScript для создания функции, которая будет сортировать элементы на основе их содержимого. Вот пример такой функции:

function sortByText() {
var elements = document.getElementsByTagName("div");
for(var i = 0; i < elements.length; i++) {
for(var j = i + 1; j < elements.length; j++) {
if(elements[i].innerHTML.toUpperCase() > elements[j].innerHTML.toUpperCase()) {
var temp = elements[i].innerHTML;
elements[i].innerHTML = elements[j].innerHTML;
elements[j].innerHTML = temp;
}
}
}
}
Эта функция будет работать, сравнивая содержимое каждого элемента div и меняя их местами, если необходимо, чтобы упорядочить их по алфавиту. Чтобы использовать эту функцию, просто вызовите ее после загрузки страницы:

window.onload = function() {
sortByText();
};

Answer 2

С помощью js на странице можно сделать всё.