Hoy comentan en Ajaxian esta nueva utilidad javascript que a mi parecer, facilita considerablemente la creación de elementos en nuestro DOM de forma dinámica, mejorando lo visto anteriormente en el fantástico MooTools.
DOMDom, se trata de una clase que usando el lenguaje de consultas de CSS permite crear elementos DOM y añadirlos de forma dinámica a nuestro árbol para poder usarlo posteriormente en nuestras funcionalidades.
//MooTools
new Element('div', {
'styles': {
'width': '100%',
'border': '1px solid blue'
}}).injectInside(new Element('a',{'href', 'http://www.google.com/'}).injectInside(new Element('span', {'id': 'Google'})));
//jQuery
$( myDiv ).createAppend(
'div', { style: 'width:100%;border:1px solid blue;', class: 'testClass' }, [
'a', { href: 'http://www.google.com/' }, [
'span', {}, 'Google'
]
]
);
//DOMDom
DOMDom.append( {
'div[style="width:100%;border:1px solid blue",class="testClass"]
a[href="http://www.google.com/"]
span':'#Google'
}, myDiv );
4 comentarios, 2 referencias
+
#