Trasformare stringa in HTML o XML in Javascript

Come tutti noi sappiamo, Javascript è totalmente in grado di interagire con l'HTML della pagina in cui viene richiamato.

Tra i tanti oggetti interessanti per fare queste operazioni c'è DOMParser!

In questo articolo vediamo come usare il metodo parseFromString per trasformare una stringa in HTML.

E vediamo tre esempi:

• trasformazione in HTML
• trasformazione in XML
• trasformazione in SVG (che comunque è XML)

Ecco il codice di esempio:

const parser = new DOMParser();

const xml = '<libro>IT</libro>';
const docXml = parser.parseFromString(xml, 'text/xml');
console.log(docXml.documentElement.textContent);

const html = '<button type="button"><strong>Invia</strong></button>';
const docHtml = parser.parseFromString(html, 'text/html');
console.log(docHtml.body.firstChild);

const svg = "<circle cx='50' cy='50' r='50'></circle>";
const docSvg = parser.parseFromString(svg, 'image/svg+xml');
console.log(docSvg.firstChild);

Enjoy!