Работа з HTML кодам элементаў на JavaScript

У DOM элементаў ёсць уласцівасць innerHTML, якая дазваляе прачытваць HTML код гэтых элементаў. Давайце паглядзім на прыкладзе. Хай у нас ёсць наступны тэг:

html<p id="elem"><b>text</b></p>

Атрымаем спасылку на гэты тэг у зменную:

javascriptlet elem = document.querySelector('#elem');

Прачытаем HTML код тэга:

javascriptconsole.log(elem.innerHTML); // выведзе <b>text</b>

Зменім тэкст тэга:

javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1

Дадзены абзац і кнопка. Па кліку на кнопку прачытайце HTML код абзаца і вывядзіце яго ў кансоль.

Задание 2

Дадзены абзац і кнопка. Па кліку на кнопку запішыце ў абзац новы тэкст так, каб ён быў тлустым.