Elementlərin HTML kodunu JavaScript-də işləmək

DOM elementlərinin innerHTML adlı xüsusiyyəti var, bu xüsusiyyət həmin elementlərin HTML kodunu oxumağa imkan verir. Gəlin bir nümunəyə baxaq. Tutaq ki, bizdə aşağıdakı teq var:

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

Gəlin bu teqə istinadı dəyişənə əldə edək:

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

Gəlin teqin HTML kodunu oxuyaq:

javascriptconsole.log(elem.innerHTML); // <b>text</b> çap edəcək

Gəlin teqin mətnini dəyişək:

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

Bir abzas və bir düymə verilmişdir. Düyməyə klikləməklə abzasın HTML kodunu oxuyun və onu konsola çap edin.

Задание 2

Bir abzas və bir düymə verilmişdir. Düyməyə klikləməklə abzasa yeni mətn elə yazın ki, o, qalın şriftdə olsun.