Работа со 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
Даден е параграф и копче. При клик на копчето запишете во параграфот нов текст така што тој ќе биде задебелен.