Corsi on-line

Manipolare il DOM con HTML.JS

HTML.JS è una piccola libreria scritta in JavaScript (pesa meno di 3 Kb in versione minificata e GZippata) che permette di manipolare il DOM (Document Object Model), cioè il modello ad oggetti di un documento strutturato come per esempio una pagina Web; si tratta di uno strumento compatibile con tutti i browser più diffusi (IE9 o superiore, Firefox, Safari, Chrome e Opera) che basa il suo funzionamento sull’utilizzo di metodi per l’analisi dei nodi e degli array di nodi.

HTML.JS

HTML.JS non è un wrapper ma una semplice soluzioni per l’analisi di una struttura HTML tramite scripting client side; sostanzialmente la libreria presenta un’API (Application Programming Interface) che ha come document root element HTML, quest’ultimo permette di accedere ad un componente attraverso il tag associato ad esso, nel caso di componenti multipli viene invece restituito un array. Per proporre un esemplice esempio è possibile analizzare lo snippet seguente:

HTML.head.title;
HTML.head.title.textContent = "Blah Blah Blah";

In questo caso, il root element HTML permetterà di accedere al tag “title” ramificando la procedura di manipolazione del DOM fino al contenuto testuale associato ad esso; un altro caso interessante è quello dei selettori, HTML.JS permetterà infatti di utilizzare il metodo “HTML.find” (proxy di “querySelectorAll”) per restituire un nodo o un vettore di nodi:

// restituione di un singolo nodo
HTML.find("#example");
// restituzione di più nodi (se disponibili)
HTML.find(".example");
// concatenazione di tag al selettore
HTML.find("#example").h1.em;

Come anticipato, HTML.JS non supporta le versioni più datate di Internet Explorer, la 6 e la 7 sono escluse dal supporto, è però disponibile un workaround per la compatibilità con IE8.

Via HTML.JS

Post correlati
I più letti del mese
Tematiche