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!