innerHTML w JavaScript
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
innerHTML to właściwość elementu DOM, która pozwala odczytać lub zmienić zawartość HTML znajdującą się wewnątrz danego elementu.
Składnia
element.innerHTML = "nowa treść";
Po lewej stronie znajduje się element HTML, a po prawej nowa zawartość, która ma zostać wstawiona do środka tego elementu.
Przykład
HTML:
<div id="wynik"></div>
JavaScript:
document.getElementById("wynik").innerHTML = "Aktualizacja treści";
Efekt: wewnątrz elementu <div id="wynik"> pojawi się tekst Aktualizacja treści.
Możliwość wstawiania HTML
innerHTML może wstawiać nie tylko zwykły tekst, ale też znaczniki HTML:
document.getElementById("wynik").innerHTML = "<b>Ważne</b>";
Przeglądarka wyświetli pogrubiony tekst Ważne.
Ważne na egzaminie
Instrukcja:
document.getElementById("napis").innerHTML = Date();
zmienia zawartość elementu o id="napis" na wynik działania funkcji Date(), czyli aktualną datę i czas.