Hola nanchet.
Ok, a mi punto de vista vas por buen camino, intentando automatizar y abstraer el trabajo sucio que supone trabajar con el DOM, hace tiempo hice un pequeño framework para el concurso que hubo de JavaScript aquí mismo en FDW, te comento como lo hice para que te des una idea.
En primer lugar hice una clase que se llamaba "
Element", esta clase era responsable de crear cualquier elemento de y contenía varios metodos para agregarle eventos, estilos, clases de CSS, etc, de manera sencilla! el código del Element era algo así:
Código Javascript
:
Ver originalvar Element = function(el){
this.el = document.getElementById(el); //esto lo puedes hacer más inteligente
//inclusive crear el elemento si no existe en el DOM
}
Element.prototype = {
addClass : function(klass){
},
addListener : function(type,callback,scope){
this.el.addEventListener(type,callback,false); //aquí se debe estandarizar para todos los navegadores
},
append : function(child){
this.el.appendChild(child.el);
}
//varios otros métodos ........
}
La idea es hacer un wrapper para un elemento del DOM, y mediante los métodos modificar sus propiedades, eventos, etc... la idea sería estandarizar las cosas y hacer una clase que funcione en todos los navegadores.
Abstraer el código y trabajar ordenadamente siempre es una buena idea!
Saludos