Praca z kodem HTML elementów w JavaScript
Elementy DOM mają właściwość innerHTML,
która pozwala odczytać kod HTML tych elementów.
Spójrzmy na przykład. Załóżmy, że
mamy następujący tag:
<p id="elem"><b>text</b></p>
Pobierzmy referencję do tego tagu do zmiennej:
let elem = document.querySelector('#elem');
Odczytajmy kod HTML tagu:
console.log(elem.innerHTML); // wypisze <b>text</b>
Zmieńmy tekst tagu:
elem.innerHTML = '<i>!!!</i>';
Dany jest akapit i przycisk. Po kliknięciu przycisku odczytaj kod HTML akapitu i wypisz go w konsoli.
Dany jest akapit i przycisk. Po kliknięciu przycisku zapisz w akapicie nowy tekst tak, aby był pogrubiony.