Werk met HTML-kode van elemente in JavaScript

DOM elemente het 'n eienskap innerHTML wat dit moontlik maak om die HTML-kode van hierdie elemente te lees. Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende tag:

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

Laat ons 'n verwysing na hierdie tag kry in 'n veranderlike:

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

Lees die HTML-kode van die tag:

javascriptconsole.log(elem.innerHTML); // sal <b>text</b> uitvoer

Verander die teks van die tag:

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

Gegee 'n paragraaf en 'n knoppie. Met 'n kliek op die knoppie, lees die HTML-kode van die paragraaf en voer dit in die konsole uit.

Задание 2

Gegee 'n paragraaf en 'n knoppie. Met 'n kliek op die knoppie, skryf nuwe teks in die paragraaf sodat dit vetgedruk is.