Delo s HTML kodo elementov v JavaScriptu

DOM elementi imajo lastnost innerHTML, ki omogoča branje HTML kode teh elementov. Poglejmo si primer. Predpostavimo, da imamo naslednjo oznako:

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

Pridobimo referenco na to oznako v spremenljivko:

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

Preberimo HTML kodo oznake:

javascriptconsole.log(elem.innerHTML); // izpiše <b>text</b>

Spremenimo besedilo oznake:

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

Podan je odstavek in gumb. Ob kliku na gumb preberite HTML kodo odstavka in jo izpišite v konzolo.

Задание 2

Podan je odstavek in gumb. Ob kliku na gumb v odstavek vpišite novo besedilo tako, da bo krepko.