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

Տրված է պարբերություն և կոճակ։ Կոճակի վրա կտտացնելիս գրեք պարբերության մեջ նոր տեքստ այնպես, որ այն հաստ լինի։