Novos atributos de um elemento ?!

[M4n0w4r 0]

Olá galera do bem :)

 

Um elemento HTML (span, div, form, input, p, marquee) possui atributos (id, class, nodeName, name), apenas gostaria de saber se é possível criar atributos personalizáveis tipo assim:

var meuElemento = document.createElement ("span");

meuElemento.idade = "18"

Claro que é possível fazer isso através de objetos mas objetos não suportam eventos, apenas elementos :D

// Não funciona

var meuObjeto = new objeto ();

meuObjeto.onclick = function () {
	if (this.idade < 18) {
		alert (":)")
	}
}

Vlwww galeraaaaaaaaaa quem puder ajudar eu agradeço, flowwwwwwwwwwwwwwwwwww

[William Bruno 1501]

Em vez de:

meuElemento.idade = "18"

acho que você usaria:

setATtribute

http://www.w3schools.com/Dom/met_element_setattribute.asp

 

Mas precisa mesmo de atributos que não existem ? fica 'estranho'isso.. e se um dia você tentar fazer HTML dessa maneira, não irá validar

[M4n0w4r 0]

Obrigado pela resposta William :)

 

Você tem razão, porém existem atributos que não ficam explicitamente declaradas na linha do elemento como nodeName, nodeType e inputEncoding. Pelo que parece o própio elemento é um objeto :D Mesmo assim não consigo fazer um elemento herdar uma nova propriedade através do método "prototype"

var meuElemento = document.createElement ("span");

meuElemento.prototype.funcao = function () {
	this.idade = 18;
}

[M4n0w4r 0]

Favor tirar o "[Resolvido]" do título pois o problema ainda persiste :D