Która właściwość elementu HTML w języku JavaScript wstawia do niego tekst bez interpretowania znaczników HTML (np. napis <b> pojawi się na stronie dosłownie)?
A. outerHTML
B. document.write()
C. textContent
D. innerHTML
Poprawna właściwość to textContent. Po przypisaniu wartości do element.textContent przeglądarka traktuje ją jako zwykły tekst i tworzy w węźle tekstowym dokładnie podany ciąg znaków. Nie uruchamia parsera HTML, więc fragment wyglądający jak znacznik nie tworzy nowego elementu ani nie zmienia formatowania. Reguła do zapamiętania: element.textContent = "treść"; służy do bezpiecznego wstawiania tekstu, który ma być pokazany użytkownikowi dosłownie. W praktyce używa się tego przy komunikatach, wynikach obliczeń lub danych wpisanych w formularzu, gdy nie ma potrzeby budowania struktury HTML. Typowa pułapka polega na użyciu innerHTML do zwykłego tekstu - wtedy treść jest interpretowana jako kod HTML.
W tym pytaniu chodzi o różnicę między tekstem a kodem HTML w DOM. innerHTML odczytuje lub ustawia zawartość elementu jako HTML, dlatego przeglądarka analizuje wpisane znaczniki i może utworzyć z nich elementy strony. Byłoby trafne, gdy celem jest świadome wstawienie struktury, na przykład akapitu albo linku zbudowanego w postaci kodu. outerHTML dotyczy całego elementu razem z jego znacznikiem zewnętrznym - może zastąpić nie tylko zawartość, ale również sam element. document.write() zapisuje tekst do dokumentu podczas jego ładowania, lecz nie jest właściwością elementu i przy późniejszym użyciu może nadpisać dokument. Poprawna odpowiedź to textContent, ponieważ ustawia zawartość tekstową bez parsowania HTML. Typowy błąd myślowy polega na skojarzeniu każdej operacji wstawiania treści na stronie z innerHTML, mimo że do zwykłego tekstu należy używać właściwości tekstowej.