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.