Работа з 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
Дадзены абзац і кнопка. Па кліку на кнопку запішыце ў абзац новы тэкст так, каб ён быў тлустым.