Begrip: HTML-elementen toevoegen of verwijderen

• createElement: Maak een nieuw element aan van het opgegeven type. Via de eerste parameter wordt type gespecifieerd, dit kan eender welk HTML-tag zijn.

  const title = document.createElement('h1')

• appendChild: Voeg een HTML-element toe als een kind aan een ander HTML-element.

  const title = document.createElement('h1')
  document.body.appendChild(title)

• removeChild: Verwijder een HTMLElement uit een ander element. Het element moet steeds verwijderd worden van de directe parent.

  // 1. Een element moet steeds uit de directe parent verwijderd worden.
  const parent = document.getElementById("myList");
  
  // 2. Haal het kind op dat verwijderd moet worden.
  const child = document.querySelector("#myList > #item1");
  
  // 3. Verwijder het kind.
  parent.removeChild(child);

• replaceChild: Vervang een element met een ander.

  // Een element kan enkel vervangen worden in de directe parent.
  const parent = document.getElementById("myList");
  
  const old = document.getElementById("someItem");
  const newItem = document.createElement('div')
  
  parent.replace(newItem, old)

• remove: Verwijder een element uit de DOM.

  document.getElementById('someId').remove()