отвечу по простому, не углубляясь в твой код и с псевдокодом -- дальше разберешься
через document.querySelectorAll('D') получаешь массив всей группы с id="D"
получаешь контент нового дом элемента
кладешь его в массив через arr.push(element) либо newArr = [...arr, element]
потом делаешь something.append(arr)
сортировка по имени уже встроена в api движка и работает в функции [].sort((a, b) => a > b)
