Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
W języku JavaScript, element został uzyskany przy pomocy metody getElementById. Jaką właściwość należy zastosować, aby zmienić zawartość tego elementu?
Odpowiedzi
Informacja zwrotna
Właściwość innerHTML jest kluczowym elementem w manipulacji DOM (Document Object Model) w JavaScript. Umożliwia ona programistom modyfikację zawartości HTML danego elementu. Po pobraniu elementu za pomocą metody getElementById, można zmienić jego wewnętrzną zawartość, przypisując nowy tekst lub kod HTML do innerHTML. Na przykład, jeśli mamy element o id 'example', jego zawartość można zmienić w ten sposób: document.getElementById('example').innerHTML = '<p>Nowa zawartość</p>'; To podejście jest powszechnie stosowane w dynamicznej aktualizacji treści stron internetowych, co jest szczególnie przydatne w aplikacjach jednostronicowych (SPA) oraz przy tworzeniu interaktywnych komponentów użytkownika. Warto również zauważyć, że używanie innerHTML wiąże się z pewnymi zagrożeniami, takimi jak wstrzykiwanie kodu (XSS), dlatego zawsze powinno się dbać o walidację i sanitację wprowadzanych danych. W praktyce, aby zwiększyć bezpieczeństwo aplikacji, można korzystać z innych metod manipulacji DOM, takich jak textContent lub createElement, które nie interpretują kodu HTML.
W każdej z niepoprawnych odpowiedzi występują podstawowe nieporozumienia dotyczące właściwości i metod związanych z manipulacją elementami DOM w JavaScript. Odpowiedź 'Body' odnosi się do całego dokumentu HTML i nie jest to właściwość, która pozwala na bezpośrednią modyfikację zawartości konkretnego elementu. Z kolei 'HTML' nie jest właściwością, lecz odnosi się do formatu dokumentu, co nie ma związku z manipulacją wewnętrzną pojedynczych elementów. Odpowiedź 'innerBody' jest nieprawidłowa, ponieważ nie istnieje taka właściwość w standardowym zestawie właściwości DOM; być może była to próba odwołania się do właściwości innerHTML, jednak jest to błędny termin. W kontekście programowania, ważne jest, aby rozumieć, że właściwości i metody muszą być zgodne z aktualnym standardem ECMAScript oraz specyfikacją DOM. Przykładowo, używanie textContent zamiast innerHTML jest preferowane w przypadkach, gdy nie chcemy, aby wprowadzany HTML został zinterpretowany lub gdy unikamy ryzyk związanych z bezpieczeństwem. Dlatego kluczowe jest zrozumienie różnicy pomiędzy tymi właściwościami i ich zastosowaniami oraz trzymanie się najlepszych praktyk w programowaniu, aby unikać błędów i potencjalnych luk bezpieczeństwa.