W HTML pokazano kilka paragrafów <p> (pierwszy, drugi, trzeci). Jeśli chcemy w JavaScript odwołać się do elementu znajdującego się w pierwszym paragrafie, musimy najpierw wybrać element <p> odpowiadający temu akapitowi.
Wywołanie getElementsByTagName("p") służy do pobrania wszystkich elementów o wskazanej nazwie tagu, czyli wszystkich <p>. Wynikiem jest kolekcja elementów (lista) ułożona zgodnie z kolejnością w dokumencie. Ponieważ w JavaScript indeksowanie jest zerowe, zapis [0] wskazuje pierwszy znaleziony paragraf, czyli ten z treścią "pierwszy paragraf".
Odpowiedź getElementById("p1") byłaby poprawna tylko wtedy, gdyby w kodzie HTML istniał element z atrybutem id="p1". W podanym fragmencie takiego id nie widać, więc nie ma podstaw, by zakładać jego istnienie.
Odpowiedź getElement("p") jest niepoprawna w standardowym DOM – nie jest to typowa metoda do pobierania elementów po tagu.
Odpowiedź getElementsByClassName("p.1")[0] zakłada istnienie klasy p.1; dodatkowo zapis z kropką sugeruje mylenie konwencji selektorów CSS z argumentem metody DOM (tu podaje się nazwę klasy, bez składni selektora). Dlatego nie odpowiada wymaganiu wyboru pierwszego <p> w pokazanym fragmencie.
W praktyce podobny efekt można uzyskać także przez selektory CSS (np. wybór pierwszego <p>), ale w tym zadaniu testowana jest znajomość pobierania elementów po nazwie tagu oraz indeksowania kolekcji.
