Работа с HTML код на елементи в JavaScript
DOM елементите имат свойство innerHTML,
което позволява четенето на HTML кода на тези елементи.
Нека разгледаме пример. Нека
имаме следния таг:
<p id="elem"><b>text</b></p>
Нека получим референция към този таг в променлива:
let elem = document.querySelector('#elem');
Нека прочетем HTML кода на тага:
console.log(elem.innerHTML); // ще изведе <b>text</b>
Нека променим текста на тага:
elem.innerHTML = '<i>!!!</i>';
Даден е абзац и бутон. При клик на бутона прочетете HTML кода на абзаца и го изведете в конзолата.
Даден е абзац и бутон. При клик на бутона запишете в абзаца нов текст така, че той да е удебелен.