Magic DOMè una libreria Javascript di soli 2K che mappa il document object model della pagina web con semplicità e in modo intuitivo. L’idea è di scrivere tag html utilizzando javascript, ma mantenendo la sintassi simile all’HTML.

Quindi un tag SPAN di questo tipo:

<span class="babu">Hello world</span>

diventa con Magic DOM il seguente codice in javascript:

SPAN({'class': 'babu'}, "Hello world")

I tag mappati da questa libreria sono:

• UL, LI, TD, TR, TH,
• TBODY, TABLE, INPUT, SPAN, B,
• A, DIV, IMG, BUTTON,
• H1, H2, H3, BR, TEXTAREA, FORM,
• P, SELECT, OPTION, OPTGROUP, IFRAME, SCRIPT,
• CENTER, DL, DT, DD, SMALL,
• PRE, TN

e la sintassi per poterli utilizzare è:

DOMSHORTCUT({properties}?, ("String" | DOMSHORTCUT)*)

Magic DOM è open source e liberamente scaricabile. L’idea mi è sembrata intelligente e ha meritato un post sul mio blog!