innerHTML

Lekcja 11 z 13 w kursie Metody DOM w JavaScript w Coddy.

Właściwość innerHTML ustawia lub pobiera całą zawartość HTML (w tym elementy potomne) elementu. Jest to przydatne do dynamicznego aktualizowania zawartości sekcji strony internetowej.

element.innerHTML = "<b>Example Text !!</b>";

Wyzwanie

Łatwy

Otrzymujesz kod HTML zawierający element div o identyfikatorze content .

Używając wyłącznie JavaScript, zmień zawartość tego elementu div:

Pobierz element div za pomocą funkcji getElementById.
Ustaw zawartość HTML na "<b>Updated Content</b>".

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <div id="content">Original Content</div>
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Metody DOM w JavaScript

1Wprowadzenie

Wprowadzenie Model obiektowy dokumentu

2Metody DOM I

getElementById Modyfikowanie stylu elementu getElementsByClassName Iterowanie i manipulowanie getElementsByTagName querySelector

3Metody DOM II

querySelectorAll addEventListenerinnerHTMLcreateElement i appendChild Przełączanie classList

Poćwicz samodzielnie: Edytor online Web