W DOM (Document Object Model) dokument HTML jest reprezentowany jako drzewo węzłów. Aby "dodać nowy element do DOM", trzeba wykonać czynność, która dołącza węzeł do drzewa, czyli ustawia go jako dziecko jakiegoś istniejącego elementu (rodzica).
Odpowiedź appendChild() jest poprawna, ponieważ metoda appendChild(node) z interfejsu Node dołącza przekazany węzeł jako ostatnie dziecko elementu nadrzędnego. Zwraca dodany węzeł, a jeśli węzeł był już w dokumencie, to zostanie przeniesiony w nowe miejsce (nie następuje automatyczne kopiowanie).
Pozostałe propozycje są niepoprawne z następujących powodów:
- createElement() nie dodaje elementu do DOM. Ta metoda (zwykle wywoływana jako document.createElement(...)) tylko tworzy nowy obiekt elementu. Dopiero później trzeba go wstawić do dokumentu, np. przez parent.appendChild(newEl), ewentualnie inne metody wstawiające.
- addElement() nie jest standardową metodą DOM API, więc nie można jej traktować jako poprawnego sposobu dodania węzła do dokumentu w czystym JavaScript.
- insertElement() również nie występuje jako standardowa metoda DOM API. W praktyce do wstawiania przed innym węzłem używa się np. insertBefore(), ale to inna nazwa niż podana w odpowiedziach.
Wskazówka egzaminacyjna: gdy pytanie dotyczy "dodania do DOM", szukaj metod wstawiających (dołączających do drzewa), a nie metod tworzących obiekty elementów.
