Añadir método a objetos DOM

[cristhianrios426]

Buenas Noches amigos. Me ha sugido una necesidad y necesito ayuda.

Necesito saber de que forma puedo agregar nuevos metodos a elementos de la DOM que obtengo con llamadas como document.getElementById. Es decir algo como asi:

Código:

function alerta()
{
     alert(this.id);
   
}

y luego pueda ejecutarlo con algo como asi

Código:

document.getElementById('myelemento').alerta();

con un resultado = a "myelemento"

Les agradezco en el alma de antemao

[ryugen]

Código Javascript:

HTMLElement.prototype.sayName= function(){alert(this);}
 

Entonces:

Código Javascript:

document.getElementById('myelemento').sayName();
 

Se ejecuta.

[Dnielf]

Pensaba responder esto, pero en realidad esto agrega el método a todos los divs ( porque __proto__ referencia al método prototype del constructor que en este caso es document.createElement , es decir a todos ) :

Código:

var x = document.getElementById("ejemplo");
x.__proto__.alert = function(){
    alert(this.id);
};

/* También :
x.constructor.prototype.alert = function(){

};
*/
x.alert();

Puedes llamar a una función externa :

Código:

function alertar(this){
 alert(this.id);
}

var x = document.getElementById("ejemplo");
alertar.call(x);

Ejemplo : http://jsfiddle.net/YfVes/

[cristhianrios426]

muchas gracias amigos. Todas las respuestas me son utiles y he solucionado mi duda. de nuevo muchas gracias!!!