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:
<p id="elem"><b>text</b></p>
Laat ons 'n verwysing na hierdie tag kry in 'n veranderlike:
let elem = document.querySelector('#elem');
Lees die HTML-kode van die tag:
console.log(elem.innerHTML); // sal <b>text</b> uitvoer
Verander die teks van die tag:
elem.innerHTML = '<i>!!!</i>';
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.
Gegee 'n paragraaf en 'n knoppie. Met 'n kliek op die knoppie, skryf nuwe teks in die paragraaf sodat dit vetgedruk is.
