Ajaxian::DOM Builder: A nicer DOM
Thursday, April 20th, 2006
Source: http://ajaxian.com/archives/dom-builder-a-nicer-dom
DOM Builder: un meilleur DOM
Apparement tout le monde hait les API DIM. C’est sans aucun doute super difficile de travailler avec. Certains on jeteé DOM à la poubelle et se tournent plutôt vers inneHTML et ses amis pour faire le boulot. Certains pensent que “Il semble que c’est mal et sal d’utiliser innerHTML pour manipuler ou ajouter du contenu dans une page. Ce n’est pas un standard (plus un accord entre les fabricants de navigateurs) et cela ne fonctionne pas sur certains navigateurs avec des mime-types alors que les spécifications W3C de DOM sont implémentés de façon assez constantes dans les navigateurs modernes.”
Dan Webb a construit DOM Builder, wui ressemble un peu aux builder de Ruby (et de Groovy).
Example:
“
La fonction retourne un noeud DOM que vous pouvez affecter à n’importe quelle partie du document. Chaque fonction prend un certain nombre d’arguments. Le premier argument peut contenir un objet contenant une paire d’attributs qui peuvent être spécifiés ou non. Autrement il crait le noeud avec le texte donné et lapplique à n’importe quel noeud DOM. Voila
“
ar html = DomBuilder.apply();
var form = html.FORM(
html.DIV(
html.INPUT({type : ‘text’, name : ‘email’}),
html.INPUT({type : ‘text’, name : ‘password’}),
html.INPUT({type : ’submit’}),
)
);document.body.appendChild(form);