KWALIFIKACJA INF3 - TEST WIEDZY NR 1

PYTANIE NR 28.
Jakiej metody użyjesz w JavaScript do usunięcia konkretnego elementu z DOM?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
removeChild() to standardowa metoda DOM służąca do usuwania wskazanego węzła potomnego z drzewa DOM przez jego rodzica (np. parentNode.removeChild(child)). Pozostałe propozycje (deleteElement(), removeElement(), destroyElement()) nie są metodami DOM API w JavaScript.

Pełne wyjaśnienie:

W DOM (Document Object Model) elementy HTML są reprezentowane jako węzły w drzewie. Aby usunąć konkretny element z DOM, można użyć metody removeChild(). Jest to metoda wywoływana na węźle-rodzicu i przyjmuje jako argument usuwany węzeł potomny.

Typowy wzorzec wygląda tak: parentNode.removeChild(childNode). W praktyce często spotyka się zapis: element.parentNode.removeChild(element). Ważne jest, że removeChild() wymaga posiadania referencji do rodzica, bo to rodzic "odczepia" dziecko od drzewa.

W nowoczesnym JavaScript istnieje również metoda remove(), wywoływana bezpośrednio na elemencie (np. element.remove()). To jednak nie oznacza, że removeChild() jest nieaktualna lub przestarzała — obie metody są częścią aktualnego standardu DOM. Różnią się głównie ergonomią i wymaganiami co do wsparcia starszych środowisk.

Dlaczego pozostałe odpowiedzi są błędne? Nazwy deleteElement(), removeElement() oraz destroyElement() brzmią wiarygodnie, ale nie należą do standardowego DOM API. W zadaniach egzaminacyjnych to częsty "wabik": student wybiera metodę na podstawie intuicyjnej nazwy zamiast faktycznej znajomości interfejsu DOM.

Wskazówka egzaminacyjna: jeśli w odpowiedziach widzisz nazwę znanej metody DOM (np. removeChild), a reszta to "podobne" twory językowe, warto zweryfikować, czy dana metoda faktycznie istnieje w dokumentacji (np. MDN lub specyfikacji WHATWG).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Metoda removeChild() usuwa wskazany węzeł potomny z drzewa DOM. Wywołuje się ją na elemencie-rodzicu, np. parent.removeChild(child). Zwraca usunięty węzeł, co bywa przydatne, gdy chcesz go później ponownie wstawić.
Najprościej użyć metody remove() wywoływanej bezpośrednio na elemencie: element.remove(). Jeśli musisz użyć removeChild(), najpierw pobierz rodzica (np. element.parentNode) i dopiero wtedy usuń: element.parentNode.removeChild(element).
removeChild() to klasyczna, bardzo rozpowszechniona metoda DOM, spotykana w starszych projektach i materiałach edukacyjnych. Jest też wciąż aktualna w standardzie. Egzaminy często sprawdzają znajomość podstawowego API oraz umiejętność odróżnienia prawdziwych metod od zmyślonych nazw.
Nie. removeChild() jest częścią aktualnego DOM Living Standard i nie jest oznaczona jako przestarzała. To, że istnieje wygodniejsza metoda remove(), nie unieważnia removeChild(); obie metody mogą być poprawnie używane zależnie od kontekstu i wymagań projektu.
removeChild() wywołujesz na rodzicu i podajesz dziecko jako argument (wymaga relacji rodzic–dziecko). remove() wywołujesz na samym elemencie, bez argumentów. W praktyce remove() ma prostszą składnię, a removeChild() bywa użyteczna w kodzie zgodnym ze starszymi środowiskami.
removeChild() zwraca usunięty węzeł. Dzięki temu możesz np. zapisać referencję do elementu, zmienić go w pamięci i ewentualnie wstawić z powrotem w inne miejsce DOM. To odróżnia ją od prostszych podejść, gdzie nie interesuje Cię dalsza praca na usuniętym obiekcie.
Nie. deleteElement() nie jest standardową metodą DOM API w JavaScript. To typowy dystraktor w testach. W DOM standardowo spotkasz m.in. removeChild() (na rodzicu) oraz remove() (na elemencie), a nie "intuicyjnie brzmiące" nazwy.
Gdy pracujesz w projekcie z ograniczeniami kompatybilności (np. starsze środowiska) lub gdy i tak operujesz na rodzicu i jego dzieciach (np. w pętli po liście węzłów). removeChild() pasuje też do wzorca, w którym świadomie kontrolujesz, który element jest usuwany z konkretnego rodzica.
Najczęściej: wywołanie metody na złym obiekcie (na dziecku zamiast na rodzicu), brak poprawnej referencji do rodzica (parentNode), albo próba usunięcia węzła, który nie jest dzieckiem danego rodzica. Warto pamiętać o relacji rodzic–dziecko w drzewie DOM.
Ćwicz na krótkich przykładach: wyszukiwanie elementów (getElementById, querySelector), tworzenie i wstawianie (createElement, appendChild) oraz usuwanie (removeChild, remove). Ucz się też rozpoznawać fałszywe nazwy metod, które nie występują w dokumentacji.
info

Statystycznie 58% uczniów zna prawidłową odpowiedź. średnie

W praktyce zawodowej kluczowe jest to, że removeChild() to standardowa metoda DOM służąca do usuwania wskazanego węzła potomnego z drzewa DOM przez jego rodzica (np. parentNode.removeChild(child)).

Źródła:

  • WHATWG DOM Living Standard — "Node: removeChild() method" (sekcja dom-node-removechild), https://dom.spec.whatwg.org/#dom-node-removechild (dostęp: 2026-03-01)
  • WHATWG DOM Living Standard — "ChildNode: remove() method" (sekcja dom-childnode-remove), https://dom.spec.whatwg.org/#dom-childnode-remove (dostęp: 2026-03-01)
  • MDN Web Docs — "Node: removeChild() method", https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja WHATWG DOM Living Standard (sekcje dotyczące removeChild i remove)
  • MDN Web Docs: Node.removeChild() oraz ChildNode.remove()
  • Ćwiczenia praktyczne: tworzenie i usuwanie elementów za pomocą createElement/appendChild/removeChild/remove

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego