on Web Design

Magic DOM, per mappare l’HTML con il javascript

Magic DOMMagic 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!

scrivi un commento

Commento

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.