Problema con herencia en javascript

[supercalifratilistic]

Bueno por ahi esto es algo muy basico pero probe con muchos ejemplos y horas de google y no lo pude solucionar.

Esta es mi biblioteca:

Código Javascript:

wgtk = {
    widget:function(html_type) {
        var _html = document.createElement(html_type)
        this.__defineGetter__('html',function(){return _html})
        this.__defineSetter__('html',function(){
            throw new Error('wgtk::widget -> No puedes modificar el atrubuto html')
        })
    },
 
    button:function() {
        
    }
}
 
wgtk.button.prototype = new wgtk.widget('button')
 

y esta es mi aplicacion

Código Javascript:

function main() {
    mi_boton = new wgtk.button()
    mi_boton_2 = new wgtk.button()
    if(mi_boton.html == mi_boton_2.html) {
        alert('Los objetos html son identicos!!!!')
    }
    document.body.appendChild(mi_boton.html)
    document.body.appendChild(mi_boton_2.html)
}
 

El codigo completo es mucho mas grande pero estaba sin herencias y muchisimo codigo repetido.

en pocas palabras wgtk.button hereda corerectamente de wgtk.widget

El problema es que la propiedad html de los dos botones creados es identica y cuando trato de insertarlos en del DOM los trata como uno solo. Obtengo como resultado que en el body solo se agreaga un elemento button.

En definitva cuando instancio el segundo boton y define la propiedad html tambien modifica la propiedad html del primer boton.

¿Cómo puedo hacer que cada herencia tenga esa propiedad inicializada diferente?


Muchas gracias de antemano por cualquier ayuda que puedan darme :D