Работа с 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
Дан абзац и кнопка. По клику на кнопку запишите в абзац новый текст так, чтобы он был жирным.