JavaScript to sort DOM elements by some comparator, without jQuery -

JavaScript to sort DOM elements by some comparator, without jQuery -

imagine dom elements:

<ul id="list"> <li data-index="3">baz</li> <li data-index="1">foo</li> <li data-index="2">bar</li> </ul>

how can these elements sorted using javascript , without jquery?

something similar to:

document.getelementbyid('list').sort(function(li) { homecoming li.dataset.index; });

you should utilize ordering capabilities of flexboxes. allow re-order elements without moving them around in dom. involves setting css order property.

see https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes more details.

javascript dom dom-manipulation