Create DOM fragments

🌱 This post is in the growth phase. It may still be useful as it grows up.

// typescript DOM manipulation: https://www.typescriptlang.org/docs/handbook/dom-manipulation.html
const target_container = document.getElementById('share')
const page_links = document.querySelectorAll(
  'a[href^="https://"]'
)

// filtering elements in NodeList: https://stackoverflow.com/a/6791385
const list_fragment = document.createDocumentFragment()

// can i use forof
for (let i = 0; i < page_links.length; i++) {
  const list_item = document.createElement('li')
  list_item.appendChild(page_links[i])
  list_fragment.appendChild(list_item)
}

const container = document.createElement('ul')
container.appendChild(list_fragment)

target_container?.appendChild(container)